Schulaufgabe
Aufgabe,
Aufgabe_B
und Aufgabe_C
... wie es hätte sein sollen
HTML
<h1>BMI-Rechner</h1>
<form>
<p>
<label for="masse">Geben sie Ihre Größe ein: <input name="masse" type="number" min="100" max="220" step="0.5">cm</label>
</p>
<p>
<label for="gewicht">Geben sie Ihr Gewicht ein:
<input name="gewicht" type="number" min="30" max="220">kg</label>
</p>
<p>
<button type="button">Eingabe bestätigen</button>
</p>
</form>
JavaScript
document.addEventListener("DOMContentLoaded", function() {
var masseInput = document.querySelector('[name="masse"]');
var gewichtInput = document.querySelector('[name="gewicht"]');
/* Aufgabe A: Gibt eingegebene Daten in Popup wieder */
function aufgabe() {
var ok = confirm("Ihre Größe beträgt: "
+ masseInput.value
+ "cm \nIhr Gewicht: "
+ gewichtInput.value
+ "kg \n\nKlicken sie auf OK, wenn die Angaben richtig sind.");
}
/* Aufgabe B: Formel zur BMI-Berechnung */
function berechneBMI(x, y) {
BMI = y / Math.pow(x, 2);
return BMI;
}
/* Aufgabe C: Eingaben von Aufgabe A an B geben und Popup erweitern */
function aufgabe_c() {
var ok = confirm(
"Ihre Größe beträgt: "
+ masseInput.value
+ "cm \nIhr Gewicht: "
+ gewichtInput.value
+ "kg \n\nKlicken sie auf OK, wenn die Angaben richtig sind."
),
BMI;
if (ok) {
BMI = berechneBMI(masseInput.value, gewichtInput.value);
alert(
"Ihre Größe beträgt: "
+ masseInput.value
+ "cm \nIhr Gewicht: "
+ gewichtInput.value
+ "kg \nIhr BMI beträgt: "
+ BMI
);
}
}
/* Eventhandler an Button übergeben */
// ?
});