Guten Morgen miteinander,
ich hab vor kurzem angefangen mich mal in Javascript einzuarbeiten. Ich bin auf eine Seite gestoßen (Codeacademy), die ich eigentlich ganz gut finde. Aber jetzt stell ich mir die Frage ob das doch nicht so ganz richtig war mich darauf einzulassen. Ich habe dort das Spiel "Stein, Schere, Papier", welches dort erklärt wird und man dort auch selber "mit"schreiben kann, etwas abgeändert. Es lautet jetzt "Stein, Papier, Schere, Echse, Spock", ja ich denke die meisten kennen diese Version.
Jetzt versuche ich dieses Script irgendwie auf einer html Seite einzubinden. Mein aktueller Stand ist, eine Auswahl Liste für den Nutzer und im Script ein Alert Fenster mit der Ergebnisausgabe.
Irgendwie will dies nixcht so funktionieren wie ich das gern hätte. Ich komme nicht mehr weiter. Kann mir da jemand helfen?
ich hab vor kurzem angefangen mich mal in Javascript einzuarbeiten. Ich bin auf eine Seite gestoßen (Codeacademy), die ich eigentlich ganz gut finde. Aber jetzt stell ich mir die Frage ob das doch nicht so ganz richtig war mich darauf einzulassen. Ich habe dort das Spiel "Stein, Schere, Papier", welches dort erklärt wird und man dort auch selber "mit"schreiben kann, etwas abgeändert. Es lautet jetzt "Stein, Papier, Schere, Echse, Spock", ja ich denke die meisten kennen diese Version.
Jetzt versuche ich dieses Script irgendwie auf einer html Seite einzubinden. Mein aktueller Stand ist, eine Auswahl Liste für den Nutzer und im Script ein Alert Fenster mit der Ergebnisausgabe.
Irgendwie will dies nixcht so funktionieren wie ich das gern hätte. Ich komme nicht mehr weiter. Kann mir da jemand helfen?
Code:
<!Doctype HTML>
<html>
<head>
<script type="text/javascript">
function auswahl() {
userChoice = window.document.list.wahl.selectedIndex;
}
var computerChoice = Math.random();
if (computerChoice < 0.2) {
computerChoice = "Stein";
} else if(computerChoice <= 0.4) {
computerChoice = "Papier" ;
} else if (computerChoice <= 0.6) {
computerChoice = "Schere" ;
} else if (computerChoice <= 0.8) {
computerChoice = "Echse" ;
} else {
computerChoice = "Spock" ;
}
var compare = function(choice1, choice2) {
if (choice1 === choice2) {
return "Unentschieden! Versuch es nochmal!";
} else if (choice1 === "Stein") {
if (choice2 === "Schere") {
return "Stein schleift Schere. Du gewinnst!";
} else if (choice2 === "Echse") {
return "Stein zerquetscht Echse. Du gewinnst!";
} else if (choice2 === "Papier") {
return "Papier bedeckt Stein. Du verlierst!";
} else {
return "Spock verdampft Stein. Du verlierst!";
}
} else if (choice1 === "Papier") {
if (choice2 === "Stein") {
return "Papier bedeckt Stein. Du gewinnst!";
} else if (choice2 === "Spock") {
return "Papier widerlegt Spock. Du gewinnst!";
} else if (choice2 === "Schere") {
return "Schere schneidet Papier. Du verlierst!";
} else {
return "Echse frisst Papier. Du verlierst!";
}
} else if (choice1 === "Schere") {
if (choice2 === "Papier") {
return "Schere schneidet Papier. Du gewinnst!";
} else if (choice2 === "Echse") {
return "Schere köpft Echse. Du gewinnst!";
} else if (choice2 === "Stein") {
return "Stein schleift Schere. Du verlierst!";
} else {
return "Spock zertrümmert Schere. Du verlierst!";
}
} else if (choice1 === "Echse") {
if (choice2 === "Papier") {
return "Echse frisst Papier. Du gewinnst!";
} else if (choice2 === "Spock") {
return "Echse vergiftet Spock. Du gewinnst!";
} else if (choice2 === "Schere") {
return "Schere köpft Echse. Du verlierst!";
} else {
return "Stein zerquestscht Echse. Du verlierst!";
}
} else if (choice1 === "Spock") {
if (choice2 === "Schere") {
return "Spock zertrümmert Schere. Du gewinnst!";
} else if (choice2 === "Stein") {
return "Spock verdampft Stein. Du gewinnst!";
} else if (choice2 === "Papier") {
return "Papier widerlegt Spock. Du verlierst!";
} else {
return "Echse vergiftet Spock. Du verlierst!";
}
}
};
var result = compare(userChoice, computerChoice);
alert("Spieler: " + userChoice \n "Computer: " + computerChoice \n result);
</script>
</head>
<body>
<p>Stein, Papier, Schere, Echse, Spock</p>
<form name="list">
<select name=”wahl” onChange=”auswahl()”>
<option>Triff eine Auswahl:</option>
<option value=”Stein”>Stein</option>
<option value=”Papier”>Papier</option>
<option value=”Schere”>Schere</option>
<option value=”Echse”>Echse</option>
<option value=”Spock”>Spock</option>
</select>
</form>
</body>
</html>
