Frage zur Formularberechnung (Anfänger)

Ich möchte mit dem Ohmschen Gesetz jeweils Strom, Spannung und Widerstand mittels Formulareingaben berechnen. Ich möchte auf einen "Berechne"-Button verzichten, statt dessen soll bei Eingabe in eines der drei Felder die beiden anderen Ergebnisse sofort angezeigt werden (change event?).

Der hier verwendete Code

<form> <label for="spannung">Spannung U: <input id="spannung" type="number" min="1" max="10000" step="1" value="1">Volt</label><br> <label for="widerstand">Widerstand R: <input id="widerstand" type="number" min="1" max="10000" step="1" value="1">Ohm</label><br> <label for="strom">Stromstärke I: <input id="strom" type="number" min="1" max="10000" step="1" value="1"> Ampere</label><br> </form> <p id="ergWiderstand"></p> <p id="ergStrom"></p> <p id="ergSpannung"></p> <script> i=document.querySelectorAll('label input'); i.forEach(function(e,ix){ var eventList = ["change", "keyup"];//focus,keydown,keypress usw for(event of eventList) { e.addEventListener(event, function() { i.forEach(function(e){ a=i[0].value / i[2].value; b=i[0].value / i[1].value; c=i[1].value * i[2].value; if(ix!=1){ i[1].value=a; } if(ix!=2){ i[2].value=b; } if(ix!=0){ i[0].value=c; } }) }) } }) </script> </body> </html>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!