Помогите ! почему не работает button. Иногда срабатывает, после множественных нажатий мышки и клавы.
<!DOCTYPE html>
<html>
<head>
<style>
table {
border: 5px solid rgb(204, 175, 102);
border-collapse: separate;
empty-cells: hide;
}
th, td {
border: 2px solid #69c;
}
</style>
</head>
<body>
<p>Таблица</p>
<button><img src="icon.png" onclick="cp()"> Сохранить!</button>
<script>
var c, r, t
t = document.createElement('table');
document.body.append(t);
for (let i=0; i<3; i++)
{ r=t.insertRow();
for (let j=0; j < 5; j++) {
c=r.insertCell();
t.rows[i].cells[j].outerHTML = '<td><input type="text" value="ячейка '+i+' '+j+'"></td>'; }}
function cp()
{ for (let i=0; i<t.rows.length; i++) {
for (let j=0; j < t.rows[0].cells.length; j++) {
document.write(t.rows[i].cells[j].firstChild.value+'</br>')}}}