🛠 Aufgabe: Additionsrechner
🎯 Lernziel
Erstellen Sie einen Additionsrechner, der zwei Zahlen einliest und die Summe anzeigt.
1️⃣ HTML-Grundgerüst
Tippen Sie ! + Enter → das Grundgerüst erscheint.
2️⃣ Eingabefelder
<input id="idZahl1" value="10">
<input id="idZahl2" value="5">
Jedes Feld bekommt eine eindeutige id.
3️⃣ Button
<button onclick="rechnen()">Berechnen</button>
4️⃣ Ausgabe
<p id="ausgabe"></p>
5️⃣ JavaScript
var a = parseInt(document.getElementById("idZahl1").value);
var b = parseInt(document.getElementById("idZahl2").value);
var summe = a + b;
document.getElementById("ausgabe").innerHTML = "Ergebnis: " + summe;
✅ Ergebnis
Beim Klick auf "Berechnen" wird die Summe angezeigt.
🧪 JavaScript Live-Editor
! + Enter → HTML-Grundgerüst · HTML & JavaScript gemeinsam bearbeiten
👀 Live-Vorschau