JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<form name="formular1">
<div class="input-group">
<div class="titel">Zeile1</div>
<div class="wert"><input id="EingabeS1Z1" value="" onkeyup="new_one()"/></div>
<div class="wert"><input id="EingabeS2Z1" value="" onkeyup="new_one()"/></div>
<div class="wert"><input id="EingabeS3Z1" value="" onkeyup="new_one()"/></div>
<div class="summe"><input id="Wert1"></div>
</div>
<div class="input-group">
<div class="titel">Zeile1</div>
<div class="wert"><input id="EingabeS1Z2" value="" onkeyup="new_one()"/></div>
<div class="wert"><input id="EingabeS2Z2" value="" onkeyup="new_one()"/></div>
<div class="wert"><input id="EingabeS3Z2" value="" onkeyup="new_one()"/></div>
<div class="summe"><input id="Wert2"></div>
</div>
<div class="input-group">
<div class="titel">Zeile1</div>
<div class="wert"><input id="EingabeS1Z3" value="" onkeyup="new_one()"/></div>
<div class="wert"><input id="EingabeS2Z3" value="" onkeyup="new_one()"/></div>
<div class="wert"><input id="EingabeS3Z3" value="" onkeyup="new_one()"/></div>
<div class="summe"><input id="Wert3"></div>
</div>
<div class="input-group">
<div class="titel">Zeile1</div>
<div class="wert"><input id="EingabeS1Z4" value="" onkeyup="new_one()"/></div>
<div class="wert"><input id="EingabeS2Z4" value="" onkeyup="new_one()"/></div>
<div class="wert"><input id="EingabeS3Z4" value="" onkeyup="new_one()"/></div>
<div class="summe"><input id="Wert4"></div>
</div>
</form>
JavaScript
function new_one() {
function rechnen(spalte) {
let summe=0;
for (let i=1; i<=12; i++) {
summe += getInputAsFloat(document.formular1["EingabeS"+i+"Z"+spalte]);
}
document.getElementById("Wert"+spalte).value= summe;
}
function getInputAsFloat(element)
{ return (element
? parseFloat(element.value.replace(/[^0-9 ]/g, "")) || 0
: 0);
}
rechnen(1);
rechnen(2);
rechnen(3);
rechnen(4);
}