Hey,
ich bin noch recht unerfahren was Html / javascript angeht. Ich habe eine kleine Funktion geschrieben, die nach Eingabe von zwei Werten (Gewicht und Kfa) ein maximales und empfohlenes Defizit ausgibt.
Das ganze soll sofort nach Eingabe der Werte erfolgen ohne ein extra Klick auch einen Button oder ähnliches. Allerdings passiert nichts wenn man Werte eingibt, weiß jemand wo der Fehler liegt?
Das Skript sieht wie folgt aus:
HTML
<form id="myForm">
<div>Biometrie</div>
<input type="number" name="weight" min="30" step="0.50" placeholder="Gewicht in kg" required>
<input type="number" name="kfa" min="5" step="0.50" placeholder="KFA" required><br><br>
<p><span>Empfohlen:</span> <output id="empf" for="weight kfa">0</output> kcal</p>
<p><span>Maximal:</span> <output id="max" for="weight kfa">0</output> kcal</p>
</form>
JavaScript
<script>
document.getElementById("myForm").addEventListener("input", rechne);
function rechne(){
var result = 0;
var result1 = 0;
result = weight * (kfa / 100) * 70;
result1 = result * 0.7;
document.getElementById('empf').value = result1;
document.getElementById('max').value = result;
}
</script>
Alles anzeigen