Lernprogramm mit Lückentexteingabe

HajoB · 27. März 2003

Ich bin Lehrer (halt nicht gleich wegrennen!) und möchte für meine Schüler (3. Klasse) ein ganz einfaches, kleines Lernprogramm mit zehn Märchenfragen in HTML erstellen.
Am besten beschreibe ich kurz ein Beispiel, was das kleine Lernprogramm können sollte:
Es erscheint die erste Frage: z.B. "In welchem Märchen wird das Mädchen vom Wolf gefressen?"
Die Antwort Rotkäppchen soll unten ins Antwortfeld eingetippt werden. (aber kein Multiple-Choice!)
Wenn die Antwort falsch ist, kommt der Hinweis, "Versuchs noch einmal!", wenn die Antwort richtig eingegeben wurde, dann scrollt die Frage als korrekte Antwort nach oben und es erscheint die zweite Frage. Das ist schon alles!!

Und das alles funktioniert auch schon -- siehe Beispiel auf ZUM
http://www.zum.de/Faecher/grund/RP/ProfiLernen/index.htm (8 Beispiele aufrufen)

- NUR, dass jede Frage auf einer Einzelseiten erscheint. Ich brauche dann x Seiten für x Fragen; und ich möchte das Ganze auf einer einzigen Seite ablaufen lassen. Mir fehlen leider dazu die nötigen JS-Kenntnisse (da kenne ich mich leider nicht gut aus), es selbst zu machen und bin für jede Hilfe/Idee dankbar!

Die 10 Fragen sollten evtl. in var1 bis var10 festgelegt. Die Abfrage mache ich über <form name="Formular" onSubmit="ueberpruefe()"> und die Überprüfung mit function ueberpruefe()
{
if(document.Formular.Antwort.value == "Rotkäppchen" || document.Formular.Antwort.value == "rotkäppchen")
{
document. ??? }

else
{
alert (" Das ist leider falsch ! Versuchs noch einmal")
}}
Wer kann mir –möglichst bald !- helfen – ich wäre unheimlich dankbar dafür! HajoB

Comet · 27. März 2003

Hallo!

Ich versuchs mal:

Code:

<html>
<head>
<title>Frage & Antwort</title>
<script language="Javascript">
var quest  = new Array();
var answ   = new Array();
var points = 0;

// Hier die Fragen( einfach weiter, in diesem Fall quest[2] = "blabla";)
quest[0] = "Frage 1";
quest[1] = "Frage 2";

//Hier die Antworten
answ[0] = "Antwort 1";
answ[1] = "Antwort 2";

function loadQuest( ) {
  step = document.fanda.step.value;
  if( document.all ) {
    document.all['Question'].innerHTML = quest[step];
  } else if( document.layer ) {
    document['Question'].document.open();
    document['Question'].document.write(quest[step]);
    document['Question'].document.close();
  } else {
    document.getElementById('Question').innerHTML = quest[step];
  }
}

function checkAnswer() {
  step        = document.fanda.step.value;
  getAnswer   = document.fanda.answer.value.toLowerCase();
  rightAnswer = answ[step].toLowerCase();
  if( getAnswer == rightAnswer ) {
    alert( "Richtig!!!!" );
    step++;
    points++;
  } else {
    alert( "Leider falsch" );
    if( points != 0 ) points--;
  }
  if( step >= quest.length ) {
    step = 0;
  }
  document.fanda.step.value = step;
  if( document.all ) {
    document.all['Points'].innerHTML = points + " Punkt(e)";
  } else if( document.layer ) {
    document['Points'].document.open();
    document['Points'].document.write( points + " Punkt(e)");
    document['Points'].document.close();    
  } else {
    document.getElementById('Question').innerHTML =  points + " Punkt(e)";
  }
  loadQuest( );
}
</script>
</head>
<body onLoad="loadQuest( );">
<div id="Question" style="position:relative">
 
</div><br />
<div id="Points" style="position:relative">
 
</div>
<form name="fanda" onSubmit="checkAnswer();return false;">
<input type="text" name="answer" value="" />
<input type="button" value=" Antworten " onClick="checkAnswer()" />
<input type="hidden" name="step" value="0" />
</form>
</body>
</html>

Lernprogramm mit Lückentexteingabe

HajoB

New member

Comet

Administrator