Guten Morgen,
ich bräuchte mal eure Hilfe.
Kann mir irgendjemand helfen?
document.addEventListener('DOMContentLoaded', function () { function rechne() { var bnahrung = document.getElementById('bnahrung'), bholz = document.getElementById('bholz'), bsilber = document.getElementById('bsilber'); bspnahrung = document.getElementById('bspnahrung'); bspholz = document.getElementById('bspholz'); bsilber = document.getElementById('bsilber'); var summe = bnahrung.valueAsNumber / 1000 + bholz.valueAsNumber * 3 / 160 + bsilber.valueAsNumber * 5 / 40 + bspnahrung.valueAsNumber * 1500 + bspholz.valueAsNumber * 4500 + bspsilber.valueAsNumber * 7500; summe = summe.toFixed(0); document.getElementById('betrag1').value = summe; } document.getElementById("myForm1").addEventListener("input", rechne); });
Noch eine kleine Anmerkung, da ich mir den Code nicht genau angeschaut hatte.
- Die Wiederholung von
document.getElementById()
ist imho nicht sonderlich schön und kann sicher besser gelöst werden. Sind dasinput
die alle in#myForm1
stehen? - Eine solch lange Summe ist schnell unübersichtlich besser finde ich die einzelnen Summanden in eine eigene Zeile zu schreiben und dann zum Ergebnis zu addieren mit
summe +=
- Was passiert wenn eines der
input
leer ist und.valueAsNumber()
NaN
zurück gibt?
Gruß
Jo