Kraftmesser

So funktioniert das Script

Das Script besteht aus drei Teilen: Es liest die beiden Eingabefelder aus, multipliziert Masse und Beschleunigung und schreibt das Ergebnis in die Ausgabefläche. Alles steckt in einer sofort ausgeführten Funktion, damit keine Variablennamen mit anderen Scripts auf der Seite kollidieren. Das Original zeigte das Ergebnis noch in einem alert()-Fenster an — die modernisierte Fassung schreibt es direkt in die Seite, das wirkt ruhiger und funktioniert auch auf Handys angenehmer.

function zahl(id) {
  const wert = document.getElementById(id).value.replace(",", ".");
  return wert === "" ? NaN : Number(wert);
}

Die Hilfsfunktion zahl() holt sich ein Eingabefeld anhand seiner id und liest den eingetippten Text aus. replace(",", ".") tauscht ein deutsches Dezimalkomma gegen einen Punkt, denn JavaScript versteht intern nur die englische Schreibweise — aus "9,81" wird so erst "9.81" und dann die Zahl. Ein leeres Feld wird bewusst zu NaN („Not a Number“) gemacht, damit es bei der Prüfung auffällt — Number("") würde sonst 0 liefern.

if (isNaN(masse) || isNaN(beschleunigung)) {
  ausgabe.textContent = "Bitte tragt in beide Felder eine Zahl ein.";
  return;
}

Bevor gerechnet wird, prüft isNaN(), ob in beiden Feldern eine gültige Zahl steht — das übernimmt die Aufgabe der Leerfeld-Prüfung aus dem Original, fängt aber zusätzlich auch Buchstaben und andere ungültige Eingaben ab. Im Fehlerfall erscheint ein Hinweis in der Ergebnisfläche und return beendet die Funktion, ohne weiterzurechnen.

const kraft = Math.abs(masse * beschleunigung);

Die eigentliche Physik ist eine Zeile: Masse mal Beschleunigung ergibt die Kraft — bei 2 kg und 3 m/s² also 6 Newton. Math.abs() liefert den Absolutbetrag, macht also aus einem negativen Ergebnis ein positives. Das stammt so aus dem Original: Wer eine negative Beschleunigung (ein Abbremsen) eingibt, bekommt trotzdem den Betrag der Kraft angezeigt.

ausgabe.innerHTML =
  "Die Kraft beträgt <strong>" +
  kraft.toLocaleString("de-DE") + " Newton</strong>.";

toLocaleString("de-DE") formatiert das Ergebnis in deutscher Schreibweise — mit Dezimalkomma und bei großen Werten mit Tausenderpunkten. Weil die Ausgabe per innerHTML gesetzt wird, darf der Wert in <strong>-Tags stehen und erscheint hervorgehoben.

document.getElementById("berech_kraft").addEventListener("click", berechneKraft);

Zum Schluss wird die Funktion berechneKraft() mit dem Knopf verbunden: addEventListener("click", …) sorgt dafür, dass sie bei jedem Klick läuft. Das Script steht dafür unter dem Formular — so existieren Felder und Knopf bereits, wenn es ausgeführt wird.

Zum Anpassen: Die Formel funktioniert für jede Multiplikation zweier Größen — ändert ihr Beschriftungen und die Einheit " Newton" im Ausgabetext, wird z. B. aus Spannung mal Stromstärke ein Leistungsrechner. Und wenn ihr das Vorzeichen behalten wollt, lasst einfach das Math.abs() weg.