0

Всем добра и мира! Знаете в чем может быть ошибка? Функция 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;
}
1
  • Для отлавливания бага используй лучше console.log(), вставь на каждом шаге, в console.log передавай то, с чем работает код и найдешь ошибку, где что-то не то Commented 29 дек. 2019 в 10:00

1 ответ 1

2

В последней строчке нужно убрать .value: event.target.innerHTML = editInnerHTML;

1
  • Спасибо, сработало. Подумал раз в prompt-е тоже input, оно тоже должна обрабатываться как input. Commented 29 дек. 2019 в 10:08

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.