Difference between revisions of "Web - Kompetenzcheck JavaScript & Datenspeicherung: Das Quiz"

From Coders.Bay Wiki
Jump to navigation Jump to search
 
(19 intermediate revisions by 2 users not shown)
Line 3: Line 3:
*Aktuelle Spielstand wird dabei dadurch gekennzeichnet, dass das entsprechende Feld, auf dem der Spieler steht, mit einem farbigen Hintergrund markiert ist.
*Aktuelle Spielstand wird dabei dadurch gekennzeichnet, dass das entsprechende Feld, auf dem der Spieler steht, mit einem farbigen Hintergrund markiert ist.
*Wenn Spieler einen Zug durchführen will, muss er auf einen Button unter dem Spielfeld klicken
*Wenn Spieler einen Zug durchführen will, muss er auf einen Button unter dem Spielfeld klicken
**Daraufhin wird ihm eine Rechenaufgabe (mit '''prompt()''') gestellt
**Daraufhin wird ihm eine Rechenaufgabe gestellt
**Diese sollen jeweils auf Zufallswerten basieren
**Diese sollen jeweils auf Zufallswerten basieren
***Grundsätzliche Rechenarten für jedes Feld sind fest vorgegeben (siehe Punkt: [[#Schwierigkeitsgrade der Mathe-Aufgaben]])
***Grundsätzliche Rechenarten für jedes Feld sind fest vorgegeben (z.B.: Aufgabe 1 ist eine Addition (+), Aufgabe 2 ist eine Division (/), usw.)
***Schwierigkeitsgrad soll immer weiter ansteigen
***Schwierigkeitsgrad soll immer weiter ansteigen
***Wenn Spieler Aufgabe richtig gelöst hat, rückt er ein Feld vor
***Wenn Spieler Aufgabe richtig gelöst hat, rückt er ein Feld vor
Line 11: Line 11:
*Zweiter Button für Spiel neu starten
*Zweiter Button für Spiel neu starten


==Beispiele von anderen TeilnehmerInnen==
==Beispiele von anderen Teilnehmer:innen==
[[File:Mathquiz dziakovitch.JPG|800px|P.Dziakovitch]]
[[File:Mathquiz dziakovitch.JPG|700px|P.Dziakovitch]]
 
[[File:2022-02-10 13 35 36-Window.png|700px|L.Ziegler]]
==Grundaufbau==
[[File:Mathequiz Beispiel Vidan Vincetic.png|700px|V.Vincetic]]
#Grundaufbau der Seite festlegen (Spielfeld 1 – 9 erstellen)
[[File:PokeMath Tobias Penzinger.png|700px|T. Penzinger]]
#Jedes Feld erhält eine ID auf die im JS zugegriffen werden kann
#Buttons unter dem Spielfeld positionieren und Überschrift setzen
#JS Code in eigene Datei speichern und mit HTML Seite verlinken
#Spielstand:
##Variable für Spielstand deklarieren – den sollte man zu jedem Zeitpunkt im Spiel kennen
##Spielstand soll im localStorage mit richtigem Wert gespeichert werden
##Entsprechendes Feld laut Wert im localStorage farblich markieren
 
==Funktion für die Buttons==
#Zug ausführen (function weiter())
#Besucher wird eine Frage gestellt
#Die eigentliche Frage steht in einer eigenen Funktion ('''function frage(spielstand)''')
#hier wird nur die Funktion frage(spielstand) aufgerufen
#die Funktion für die Quizfragen sollte so aufgebaut sein:
##Hat als Parameter/ Übergabewert den Spielstand
##Liefert dem Anwender eine passende (je nach Schwierigkeitsgrad) Frage
##Überprüft das Ergebnis gleich. Ist es richtig gibt sie den Wert true zurück, ansonsten false.
#User Eingabe überprüfen, den Spielstand dementsprechend anpassen, auf ein neues Feld weiterrücken (wenn die Antwort richtig war, wenn nicht nochmal eine Quizfrage aus dem selben Schwierigkeitsgrad stellen)
#'''Sonderfall:''' Ende des Spieles: passende Nachricht für das Spielende ausgeben (z.B.: GZ Einstein 🧮 du hast das Mathequiz gelöst)
 
==Schwierigkeitsgrade der Mathe-Aufgaben==
 
1. Aufgabe: einfache Addition mit Zufallszahlen zwischen 1 und 50<br>
2. Aufgabe: Subtraktion ohne negativen Ergebnis. Erste Zahl im Bereich 51 bis 100, zweite Zahl zwischen 1 und 50<br>
3. Aufgabe: Multiplikation<br>
4. Aufgabe: Division hier wird der Divisor und das Ergebnis per Zufall bestimmt, da sonst komplizierte Nachkommastellen berechnet werden müssen<br>
5. bis 7. Aufgabe: Berechnungen mit drei verschiedenen Zufallsvariablen<br>
8. Aufgabe: Quadratwurzel eines Werts (Math.pow()) Sinnvoll auch hier das Ergebnis per Zufallswert zu bestimmen. Stellt sicher, dass es eine ganze Zahl ist. Für die Aufgabenstellung wird dieser dann mit sich selbst multipliziert<br>
9. Aufgabe: Logarithmus eines Werts (Math.pow()) Per Zufall die Basis und das Ergebnis bestimmt. Eher kleine Werte nehmen, da sonst Potenz-Funktion sehr große Werte hat<br>

Latest revision as of 12:25, 20 February 2023

Das Mathequiz[edit]

  • Grundgerüst ist eine Seite mit neun nummerierten Feldern (Stell dir ein Spielbrett vor)
  • Aktuelle Spielstand wird dabei dadurch gekennzeichnet, dass das entsprechende Feld, auf dem der Spieler steht, mit einem farbigen Hintergrund markiert ist.
  • Wenn Spieler einen Zug durchführen will, muss er auf einen Button unter dem Spielfeld klicken
    • Daraufhin wird ihm eine Rechenaufgabe gestellt
    • Diese sollen jeweils auf Zufallswerten basieren
      • Grundsätzliche Rechenarten für jedes Feld sind fest vorgegeben (z.B.: Aufgabe 1 ist eine Addition (+), Aufgabe 2 ist eine Division (/), usw.)
      • Schwierigkeitsgrad soll immer weiter ansteigen
      • Wenn Spieler Aufgabe richtig gelöst hat, rückt er ein Feld vor
      • Wenn Ergebnis falsch ist, bleibt er auf der Position
  • Zweiter Button für Spiel neu starten

Beispiele von anderen Teilnehmer:innen[edit]

P.Dziakovitch L.Ziegler V.Vincetic T. Penzinger

Retrieved from "http://wiki.streampy.at/index.php?title=Web_-_Kompetenzcheck_JavaScript_%26_Datenspeicherung:_Das_Quiz&oldid=2149"