add dynamic input elements

<!DOCTYPE html>

<html>

<head>

<style>

table, td {

border: 1px solid black;

}

</style>

</head>

<body>

<p>Click the buttons to create and delete row(s) for the table.</p>

<tbody>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

<br>

<button onclick="myCreateFunction()">Create row</button>

<button onclick="myDeleteFunction()">Delete row</button>

function myFunc() {

var val = document.getElementById('hid');

var table = document.getElementById("myTable");

var row = table.insertRow(1);

//at the end:

//var row = table.insertRow(myTable.rows.length + 0);

document.getElementById('hid').value = + val.value + 1;

var cell1 = row.insertCell(0);

var cell2 = row.insertCell(1);

cell1.innerHTML = "<input></input>";

cell2.innerHTML = "<input></input>";

}

</script>

</body>

</html>

Code - Snippet