获取文本框值并在表

Question

有人请帮我传递文本框的值并使用javascript在表格中设置它吗？我只是一个初学者，对这个问题感到抱歉:(

Enter name: <input type="text" name="name">

<button type="button"> Add to table</button>

<table id="mytable">
 <thead>
     <tr>
     <th>Name</th>
     </tr>
 </thead>
 <tbody>
     <tr>
     <td></td>
     </tr>
 </tbody>
 </table>

Answer 1

这是解决方案。

var field = document.getElementById("value");
var button = document.querySelector('button');

if (button) {
  button.addEventListener('click', addValue, false);
}

function addValue() {
  if (field.value !== '') {
    var table = document.querySelector('#content');

    var tr = document.createElement('tr');
    var td = document.createElement('td');

    td.innerText = field.value;
    tr.appendChild(td);
    table.appendChild(tr);
    field.value = '';
  }
}

Enter name:
<input type="text" name="name" id='value'>

<button type="button">Add to table</button>

<table id="mytable">
  <thead>
    <tr>
      <th>Name</th>
    </tr>
  </thead>
  <tbody id='content'>
  </tbody>
</table>