Всем добра и мира! Знаете в чем может быть ошибка? Функция editPrompt при вызывании выдает undefined.
<table class="table">
<tr>
<th>Имя</th>
<th>Фамилия</th>
</tr>
<tr>
<td>Имя</td>
<td>Фамилия</td>
</tr>
<tr>
<td>Имя</td>
<td>Фамилия</td>
</tr>
</table>
<form action="" id="form">
<input type="text" name="" class="name" placeholder="Фамилия">
<input type="text" name="" class="surname" placeholder="Имя">
<button type="submit" class="btn">Добавить строку</button>
</form>
var submit = document.querySelector('.btn');
var inputName = document.querySelector('.name');
var inputSurname = document.querySelector('.surname');
var table = document.querySelector('.table');
submit.addEventListener('click', addTr);
function addTr() {
var tr = document.createElement('tr');
var tdName = document.createElement('td');
var tdSurname = document.createElement('td');
table.appendChild(tr);
tr.appendChild(tdName);
tr.appendChild(tdSurname);
tdName.innerHTML = inputName.value;
tdSurname.innerHTML = inputSurname.value;
}
table.addEventListener('click', editPrompt);
function editPrompt(event) {
var editInnerHTML = prompt('Введите значение', event.target.innerHTML);
event.target.innerHTML = editInnerHTML.value;
}
console.log()
, вставь на каждом шаге, вconsole.log
передавай то, с чем работает код и найдешь ошибку, где что-то не то