Differences

This shows you the differences between two versions of the page.

--- projekte:rechentrainer [2022/03/10 16:36] – created Ivo Blöchliger
+++ projekte:rechentrainer [2022/03/10 16:39] (current) – [UI] Ivo Blöchliger
@@ Line 1: / Line 1: @@
+====== Rechentrainer ======
+===== Logik =====
+  * Zufallszahlen in JavaScript: Siehe z.B. https://www.w3schools.com/js/js_random.asp
+  * Das Ergebnis wird entweder über ein ''<input type="text" onchange="auswerten()">'' eingegeben und der ''change'' event ausgewertet. Worauf das Ergebnis überprüft und je nachdem einen neue Aufgabe generiert wird.
+<code javascript>
+function auswerten(event) {
+   // Annahme, Resultat der Rechnung ist in der Variablen result gespeichert.
+   if (this.value == result) {
+      // Erfolg melden, neue Aufgabe generieren
+   } else {
+      // Misserfolg melden
+   }
+}
+</code>
+===== UI =====
+  * Anzeige der Rechnung in HTML
+<code html>
+ <span id="rechnung">1+1</span>
+</code>
+Manipulation in JavaScript
+<code javascript>
+// Rechnung in der Variable rechnung plus variable resultat
+document.getElementById('rechnung').innerText = rechnung;
+</code>