Передайте значение текстового поля HTML в текстовое поле innerhtml

Question

У меня есть динамическая таблица, в которой данные сохраняются в виде массива в базе данных.У меня есть текстовое поле из моей html-формы, которое генерирует случайные числа, и я хочу передать это значение текстового поля из моей html-формы в мою динамическую таблицу (чистый javascript) и сохранить его в моей базе данных с тем же значением из формы текстового поля.

function addRow(){
	var table = document.getElementById("bod");
	var rowCount = table.rows.length;
	var row = table.insertRow(rowCount);
	
	row.insertCell(0).innerHTML = '<input type="button" value="Delete" onClick="Javacsript:deleteRow(this)">';
	row.insertCell(1).innerHTML = document.getElementById("field10").value;	//this should be in textbox form with field10's value
	
}

<input type = "text" name = "field10" id = "field10" readonly = "true"/>

Answer 1

Вы могли бы сделать что-то вроде этого ... Это не красиво, но это начало.

function addRow(){
	var table = document.getElementById("myTable");
	var rowCount = table.rows.length;
	var row = table.insertRow(rowCount);
	
	row.insertCell(0).innerHTML = '<input type="button" value="Delete" onClick="Javacsript:deleteRow(this)">';
	row.insertCell(1).innerHTML = document.getElementById("new-row").value;
}

<input id="new-row" />
<button id="add" onclick="javascript:addRow()">Add Row</button>
<hr/>
<table id="myTable"></table>