Wie funkioniert das Logical?

Der erste und wichtigste Bestandteil von diesem Logical ist die Auswertung. Um die Antworten auszuwerten brauchen wir
eine Funktionierende Funktion. Diese funktioniert mit if... else.If bezeichnet in diesem Fall, was passieren soll.
Also wird die funktion von "if" je nachdem ob das Logical korrekt ist oder nicht zu "else" weitergeleitet. Im Teil mit "if" habe
ich den verschiedenen Auswertungen (Eigenheit usw.) numerische Namen zugeteilt. Dazu muss ich weiter erwähnen, dass die Funktion
auf die später aufgezeigte "select" zugreift. Beispielsweise habe ich die Eigenheit von Maske 1, nämlich Kinngrube usw. nicht
mit dem entsprechenden Namen sondern mit einer Zahl benannt. Also ist in der Funktion auswerten() das "value" nur der Name dem
ich den (in diesem Fall) Eigenschaften der Masken zugeteilt habe. "value==1" bzw. "value==2" bzw. "value==3" z.B.:

(document.forms["logelei"].m1_brillenfarbe.value==1)

heisst, dass die Brillenfarbe von Maske 1 (m1) die 1 ist. Wenn wir das
mit "select" vergleichen:

<option value=1>golden

also ist das Resultat von Brillenfarbe von Maske 1 golden, da value=1, und in der Funktion oben value==1 ist, also value=1 wird
als richtig annerkant und kommt zu:

document.forms["logelei"].output.value=richtig;

anschliessend zu:

var richtig="Fantastisch! Du hast alles mit Bravour gemeistert!";

welche auch das Resultat bekannt gibt, zusammen mit dem input button.

Falls aber die beiden value nicht übereinstimmen, wird die Funktion zu "else" weitergeleitet. Danach passiert dasselbe wie bei 
richtig, einfach dass der Text von "var falsch" im Textfeld von "auswerten" erscheint.

(Notiz: input type="checkbox" hat keine Funktion. Es ist lediglich eine Hilfestellung um dem Spieler erkenntlich zu machen,
was er schon weiss und was nicht)


<script>
function auswerten()

{
	
	

	{
	
		var richtig="Fantastisch! Du hast alles mit Bravour gemeistert!";
		var falsch="Denk noch mal nach... diese Antwort ist nicht korrekt.";
	
	
		if 
		((document.forms["logelei"].m1_eigenheit.value==2)
		&& (document.forms["logelei"].m1_brillenfarbe.value==1)
		&& (document.forms["logelei"].m1_stirnfalten.value==1)
		&& (document.forms["logelei"].m1_herkunftsort.value==2)
		&& (document.forms["logelei"].m1_holzart.value==2)
		&& (document.forms["logelei"].m2_eigenheit.value==3)
		&& (document.forms["logelei"].m2_brillenfarbe.value==3)
		&& (document.forms["logelei"].m2_stirnfalten.value==3)
		&& (document.forms["logelei"].m2_herkunftsort.value==3)
		&& (document.forms["logelei"].m2_holzart.value==3)
		&& (document.forms["logelei"].m3_eigenheit.value==1)
		&& (document.forms["logelei"].m3_brillenfarbe.value==2)
		&& (document.forms["logelei"].m3_stirnfalten.value==2)
		&& (document.forms["logelei"].m3_herkunftsort.value==1)
		&& (document.forms["logelei"].m3_holzart.value==1))
		{
		
		
		document.forms["logelei"].output.value=richtig;
	
		}	

		else
		{
			
		document.forms["logelei"].output.value=falsch;
			
		}
	}
}
</script>


Ausschnitt von "select" (Maske 1):


<TR>
	<TD width=20><FONT SIZE="3" COLOR="">Maske 1</FONT></TD>
	<TD><select name="m1_eigenheit" size=1>
	<option value=1>Kinnbart
	<option value=2>Kinngrübchen
	<option value=3>zweigeteilter Schnauz
	</select>
	<input type="checkbox">
	</TD>
	<TD><select name="m1_brillenfarbe" size=1>
	<option value=1>golden
	<option value=2>rot
	<option value=3>schwarz
	</select>
	<input type="checkbox"></TD>
	<TD><select name="m1_stirnfalten" size=1>
	<option value=1>1
	<option value=2>2
	<option value=3>3
	</select>
	<input type="checkbox" ></TD>
	<TD><select name="m1_herkunftsort" size=1>
	<option value=1>Reichenburg
	<option value=2>Siebnen
	<option value=3>Tuggen
	</select>
	<input type="checkbox" ></TD>
	<TD><select name="m1_holzart" size=1>
	<option value=1>Ahorn
	<option value=2>Birke
	<option value=3>Buche
	</select>
	<input type="checkbox" ></TD>
	
</TR>




Der input button ist bei der Korrektur ausschlaggebend. Ich habe das so gemacht, dass der input als Knopf erscheint (type="button").
Der Knopf wird mit "auswerten" beschriftet. Wenn man dann draufklickt passiert: onklick"auswerten()
Das bedeutet, dass sobald man auf den Knopf klickt (onklick = auf Klick) der Knopf auf die Funktion von "auswerten()" retour geht 
und die von Funktion angewendet wird (wie beschrieben durch Klick des Knopfes). Der untere Teil des Knopfes ist einzig und allein das
erstellen eines Textfeldes, in welchem die Auswertung bekannt gegeben wird, also ob das Logical richtig oder falsch gemacht wurde.
Readonly macht, dass keiner in das Textfeld reinschreiben kann.

<input type="button" value="auswerten" onclick="auswerten()">
<input type="text" name="output" readonly size="66">


Der letzte wichtige Punkt ist die Tabelle an sich. Die Tabelle setzt sich zusammen aus dem "table..." und dem "select". 
Dazu muss ich glaube ich nicht mehr was sagen, es ist halt einfach eine Tabelle.
Startseite