Quiz Begriffe raten
    
HOME
 Bsp 01   Bsp 02   BEISPIEL 01   BEISPIEL 02   ZURÜCK SITEMAP  

 Begriffe raten 01

Ich habe für sie ein kleines Spielchen in JavaScript entworfen. Für ihre Seite könnten sie die zu erratenden Begriffe dem Seitenthema entsprechend wählen: Bäume, Pferderassen, Gewürze, Sportarten, Schule, Hunderassen, Popstars, Filmtitel, Computerbauteile, Automarken, Vogelarten ...

 21.01.2008, Scriptanpassung + CSS-Änderungen
Ich könnte mir einen Einsatz auch als Lernspiel in der Grundschule vorstellen: Begriffe zum Projekt 'Wasser', Länder Europas, Kartoffelgerichte, Milchprodukte, Fahrradteile, ...



Du hast jeweils 6 Versuche


Versuch Spiel Gelöst


   Funktion

Suchbegriffe sind in einem Register abgelegt und sollen erraten werden.

Das Thema (hier 'Farbnamen') wird in einer Variablen abgelegt und in die Spielbeschreibung automatisch einbezogen. Siehe oben, der Variableninhalt «Farbnamen» taucht im Text über dem Eingabeformular zwei mal auf.


Suchbegriffe

Suchbegriffe sind im Array 'Begriffe' abgelegt, die Anzahl der Begriffe (Länge des Arrays) wird automatisch ermittelt. Die ermittelte Anzahl erscheint im erklärenden Text: Es sind 34 Farbnamen eingetragen 
var Thema = "Farbnamen";

// Array der Suchbegriffe
var Begriffe = new Array( "Rot","Blau","Grün", ... ,"Violett","Schwarz",);

var AnzahlBegriffe = Begriffe.length;

zufällige Auswahl

Eine Zufallzahl wird ermittelt (z.B. 12) und das Element an genau dieser (12.) Stelle des Arrays wid als Suchbegriff festgelegt und in der Variable 'temp' abgelegt.

Beispiel für die Zufallswerte beim Öffnen dieser Seite:



In 6 Durchläufen wird die Eingabe im Textfeld mit dem Suchbegriff verglichen.


Anzeige während des Spielverlaufs

Nach den ersten drei Fehlversuchen wird ein Hilfstext angezeigt:
  • erster Buchstabe des gesuchten Begriffs
  • letzter Buchstabe des gesuchten Begriffs
  • Anzahl der Zeichen des gesuchten Begriffs
Während des Spiels werden in den 3 Feldern diese Informationen angezeigt:
  • Anzahl der Lösungsversuche für den jeweiligen Suchbegriff
  • Anzahl der Spiele insgesamt
  • Anzahl der gelösten Spiele insgesamt



   Anpassungen

Wenn sie das Spiel anpassen und für en anderes Thema einsetzen möchten, sind Änderungen lediglich an 2 Stellen notwendig.

1) Tragen sie das Thema bei der Variablen 'Thema' ein.

2) Die Suchbegriffe tragen sie im Array jeweils durch ein Komma getrennt ein. Die Begriffe stehen in Anführungszeichen!

// Thema eintragen
var Thema = "Farbnamen";

// Suchbegriffe eintragen, Groß- Kleinschrift wird bei der Prüfung ignoriert
var Begriffe = new Array( "Rot","Blau","Grün","Gelb", ...

Das wars schon, mehr müssen sie nicht tun!



Wenn sie den Arraynamen ändern (was aber nicht erforderlich ist), muss das im Scriptcode an vier Positionen eingetragen werden.
// Thema eintragen
var Thema = "Farbnamen";

// Suchbegriffe eintragen, Groß- Kleinschrift wird bei der Prüfung ignoriert
var Begriffe = new Array( "Rot","Blau","Grün","Gelb", ...

var AnzahlBegriffe = Begriffe.length;
var Beispiel = Begriffe[0];

// hier muss der Array-Name verwendet werden
temp = Begriffe[Zufall];
Hintergrundbild:

Ein Hintergrundbild kann im Code für die alles umfassende Tabelle eingebunden werden. 
<!-- Tabelle mit Hintergrundbild -->

<table background="bg-grafik.jpg">



   Variablen

verwendete Variablen:

Name    Beschreibung   Verwendung  
Thema Wasser Thema das Quiz eintragen 
Begriffe Name des Arrays (kommt 4 mal vor)
AnzahlBegriffe Anzahl der Elemente des Arrays wird automatisch ermittelt
temp Variable für den Suchbegriff wird in jedem Durchgang zufällig bestimmt








NACH OBEN