buenas tardes estoy intentado llenar una tabla a partir de un formulario con java script pero no para la cuando creo una celda con insertCell y quiero asignarle el valor de un campo de mi formulario no funciona. No se que estoy haciendo mal
formulario.addEventListener('submit', (e) => {
var table = document.getElementById("detalles_venta");
var row = table.insertRow(0);
var celda1 = row.insertCell(0);
var celda2 = row.insertCell(1);
var celda3 = row.insertCell(2);
var celda4 = row.insertCell(3);
var celda5 = row.insertCell(3);
var celda6 = row.insertCell(3);
celda1.innerHTML(codigo.value);
celda2.innerHTML(selectproducto.value);
celda3.innerHTML(precio.value);
celda4.innerHTML(cantidad.value);
celda5.innerHTML(iva.value);
celda6.innerHTML(total.value);
});
<table class="table table-hover" id="detalles_venta">
<thead>
<tr>
<th>Producto</th>
<th>Descripcion</th>
<th>Precio</th>
<th>Cantidad</th>
<th>Iva</th>
<th>Total</th>
<th>Accion</th>
</tr>
</thead>
<tbody>
<tr>
</tr>
</tbody>
</table>