Busqué pero no encontré, quiero implementar algo pero lamentablemente no lo consigo.

Hay pequeños componentes

1. ¿Cómo cambio el valor de la posición en 1 cada vez que agrego una nueva fila?

2. ¿Cómo accedo al contenido de los campos de entrada sin usar un botón? Como ejemplo, quiero mostrar cantidad * precio y el valor total por fila, debería funcionar directamente después de la entrada, sin usar un botón.

 var table = document.getElementById("lineitems"); var row = table.insertRow(); var total = 0.00; var cell = row.insertCell(); cell.innerHTML = '<input type="text" class="form-control" id="position" name="position[]" value="1">'; cell = row.insertCell(); cell.innerHTML = '<input type="text" class="form-control" id="service" name="service[]" placeholder="Produkt oder Service eingeben"><br><textarea class="form-control" name="description[]" rows="1" placeholder="Beschreibung"></textarea>'; cell = row.insertCell(); cell.innerHTML = '<input type="text" id="quantity" class="form-control" name="quantity[]" value="1">'; cell = row.insertCell(); cell.innerHTML = '<input type="text" class="form-control" id="unit" name="unit[]" placeholder="Einheit">';; cell = row.insertCell(); cell.innerHTML = '<input type="text" class="form-control" id="price" name="example-text-input" name="price[]" placeholder="0,00">'; cell = row.insertCell(); cell.innerHTML = total; }