Как добавить ячейки в таблицу с помощью javascript?

Question

[AlexFo90]

Добрый день! Подскажите пожалуйста, нужно при нажатие на кнопку что-б добавлялись новые ячейки в 1-й и во 2-й столбец. Гуглил как это сделать, увидел метод insertRow, попытался сделать, но ничего не добавляеться и не чистится input потом. Подскажите что не так делаю? Спасибо!

const table = document.querySelector('#table');
const tableRow = table.insertRow(0);

addBtn.addEventListener('click', () => {
  let newCellName;
  let newCellValue;

  newCellName.innerText = nameInput.value;
  newCellValue.innerText = valueInput.value;
  
  newCellName = tableRow.insertCell(0);
  table.appendChild(newCellName);

  newCellValue = tableRow.insertCell(1);
  table.appendChild(newCellValue);

  nameInput.value = '';
  valueInput.value = '';
});

Comments

[Bhudh]

let newCellName;

newCellName равно undefined.

newCellName.innerText = nameInput.value;

Вы свойству innerText этого undefined пытаетесь что-то присвоить.
И жалуетесь, что не работает.

Answer 1

[alex]

addBtn.addEventListener('click', () => {
  const newCellName = tableRow.insertCell(0);
  const newCellValue = tableRow.insertCell(1);
  
  newCellName.appendChild(document.createTextNode(nameInput.value));
  newCellValue.appendChild(document.createTextNode(valueInput.value));
  
  nameInput.value = '';
  valueInput.value = '';
});

Comments

[AlexFo90]

Спасибо, сейчас попробую)