Holen Sie sich den Textbox Wert und setzen Sie in der Tabelle

Question

Jemand bitte helfen Sie mir, den Wert der Textbox übergeben und setzen Sie es in der Tabelle mit Javascript? Ich bin nur ein Anfänger und entschuldigen uns für diese Frage :(

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

Hier ist die Lösung.

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>