Rechnen mit Termen
Um mathematische oder physikalische Formeln in einer HTML-Seite darstellen zu können, braucht man die Formelsprache Tex und MathJax zum übersetzen (rendern) der Formel.
Damit man in mathematischen und physikalischen Formeln die Variablen durch Zahlen ersetzen und mit den Werten rechnen kann, braucht man JavaScript.
MathJax braucht in JavaScript einen Doppel-Backslash und Variablen x wird mit $(x) durch ihren Zahlenwert ersetzt..
MathJax rendert nur mit der Anweisung MathJax.Hub.Queue(["Typeset", MathJax.Hub]); dynamisch.
<!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><h1>Berechnung der Geschwindigkeit</h1><form> <label for="Weg">Weg: <input id="Weg" type="number" min="0" value=10 step="1" >m<br><br> </label> <label for="Zeit">Zeit: <input id="Zeit" type="number" min="0" value=1 step="1" >m<br><br> </label> <input type="button" value="Berechnung" onclick="Berechnung()"></form><p id="Rechnung"></p><script>let s=Weg.value;let t=Zeit.value;let v=Math.round(s/t*100)/100;function Berechnung(){s=Weg.value;t=Zeit.value;v=Math.round(s/t*100)/100;document.getElementById("Rechnung").innerHTML=`\\(v=\\dfrac{s}{t}=\\dfrac{${s}\\text{m}}{${t}\\text{s}}=${v}\\mathrm{\\dfrac{m}{s}}\\)`;MathJax.Hub.Queue(["Typeset", MathJax.Hub]);}document.getElementById("Rechnung").innerHTML=`\\(v=\\dfrac{s}{t}=\\dfrac{${s}\\text{m}}{${t}\\text{s}}=${v}\\mathrm{\\dfrac{m}{s}}\\)`</script></body></html>