Rechenaufgabe

Erläuterungen

Lernziele

Ein- und Ausgabe in JavaScript
Rechnen in JavaScript
Umformungen und Darstellung von mathematischen Formeln

Programmablauf

Für einfache Berechnungen und Termumformungenist es nicht sinnvoll mit Klassen zu arbeiten, da sich diese nur lohnen, wenn mehrere gleichartige Objekte gebraucht werden.
Über das HTML-Element input kann mit Hilfe von Ids mit der JavaScript-Eigenschaft value die Ein-und Ausgabe zugewiesen werden und auch das Programm aufgerufen werden (Eventhandling).
Über MathJax können mathematische Formeln sowohl über HTML als auch mit der HavaScript-Eigenschaft innerhtml bearbeitet werden.

Übung

Beliebige andere Berechnungen und Termumformungen durchführen
Mit Hilfe von der Eigenschaft innerhtml Berechnungen mit dynamischen Werten in Rechentermen durch Verknüpfung (plus) von Text und Variablen zusammenfügen.

Qelltext

<!DOCTYPE html><html><head><script type="text/javascript" asyncsrc="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"></script></head><body><p>Geschwindigkeit in m/s</p><input type="number" id="Geschwindigkeit" value=0><p>Zeit in s</p><input type="number" id="Zeit" value=0><br><br><input type="button" onclick="Berechnen()" value="Berechnen"><p>Weg in m</p><input type="number" id="Weg" value=0><br><br><p>\(v=\dfrac{\Delta x}{\Delta t}=\dfrac{x_2-x_1}{t_2-t_1}=\dfrac{s}{t}\Rightarrow s=v\cdot t\)<span id="s-Wert"></s></p><script>function Berechnen(){ var v=parseFloat(document.getElementById("Geschwindigkeit").value); var t=parseFloat(document.getElementById("Zeit").value); var s=v*t; document.getElementById("Weg").value=s; document.getElementById("s-Wert").innerHTML="="+s+"m";}</script>
</body></html>