Schere Stein Papier

Seit langer Zeit gibt es mal wieder ein Spiel in unserem Javascript-Archiv. Eingeschickt wurde es von davidp. Vielen Dank an dieser Stelle dafür!

Wohl jeder kennt „Schere, Stein, Papier“ – man wählt eines von 3 Symbolen aus:

• Schere schneidet Papier (Schere gewinnt)
• Stein macht die Schere stumpf (Stein gewinnt)
• Papier wickelt Stein ein (Papier gewinnt)

Euer Gegner, der Computer, wählt ebenfalls ein Symbol – und je nachdem welche Konstellation hierbei entsteht, gewinnt oder verliert ihr.

Im Javascript wird auch mitgezählt, wie oft ihr verliert, gewinnt und wie oft es unentschieden steht (wenn beide das gleiche Symbol wählen).

Um das Javascript auf eurer eigenen Homepage einzubinden, ben¨tigt ihr auch die dazugehörigen Bilder. Diese könnt ihr hier runterladen. Einfach entpacken und auf euren Webspace hochladen. In der Variablen bilderpfad könnt ihr den Pfad zum Bild noch anpassen, sollten die Bilder nicht im gleichen Verzeichnis liegen, wie die Seite, auf der ihr dieses Javascript einbindet. Ansonsten die Variable einfach so lassen wie sie ist 😉

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var bilderpfad = './'; // so lassen, wenn die Bilder im gleichen Verzeichnis liegen var zufall = Math.round(Math.random()*2); var won_self = 0; var lost_self = 0; var won_pc = 0; var lost_pc = 0; document.write('<div id="ausgabe"></div>'); function start() { zufall=Math.round(Math.random()*2); document.getElementById('ausgabe').innerHTML="<h2>Schere, Stein, Papier</h2>Computer: <img src='"+bilderpfad+"fragezeichen.gif'><br />Wähle: <a href='javascript:waehle(0)'><img src='"+bilderpfad+"schere.gif' border=0></a>   <a href='javascript:waehle(1)'><img src='"+bilderpfad+"stein.gif' border=0></a>   <a href='javascript:waehle(2)'><img src='"+bilderpfad+"papier.gif' border=0></a>"; } function waehle(was) { document.getElementById('ausgabe').innerHTML="<h2>Schere, Stein, Papier</h2>Computer: "; if(zufall==0) document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<img src='"+bilderpfad+"schere.gif' border=0>"; if(zufall==1) document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<img src='"+bilderpfad+"stein.gif' border=0>"; if(zufall==2) document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<img src='"+bilderpfad+"papier.gif' border=0>"; document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<br />Du: "; if(was==0) document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<img src='"+bilderpfad+"schere.gif' border=0>"; if(was==1) document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<img src='"+bilderpfad+"stein.gif' border=0>"; if(was==2) document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<img src='"+bilderpfad+"papier.gif' border=0>"; if(zufall==was) document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<br />Gleich - Unentschieden"; else if(was==0 && zufall==1) { document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<br />Du hast verloren "; lost_self++; won_pc++; } else if(was==0 && zufall==2) { document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<br />Du hast gewonnen "; won_self++; lost_pc++; } else if(was==1 && zufall==0) { document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<br />Du hast gewonnen "; won_self++; lost_pc++; } else if(was==1 && zufall==2) { document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<br />Du hast verloren "; lost_self++; won_pc++; } else if(was==2 && zufall==0) { document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<br />Du hast verloren "; lost_self++; won_pc++; } else if(was==2 && zufall==1) { document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<br />Du hast gewonnen "; won_self++; lost_pc++; } else document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"Entscheidungsfehler"; document.getElementById('ausgabe').innerHTML=document.getElementById('ausgabe').innerHTML+"<br />Nochmal? <a href='javascript:start()'><img src='"+bilderpfad+"refresh.gif' border=0></a><br />---------------------<br /><table width=30%><tr><td><strong>         Du </strong></td><td><b>PC</b></td></tr></table><table width=30%><tr><td>gewonnen</td><td>verloren</td><td>gewonnen</td><td>verloren</td></tr><tr><td>"+won_self+"</td><td>"+lost_self+"</td><td>"+won_pc+"</td><td>"+lost_pc+"</td></tr></table>"; } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/spiele/schere-stein-papier/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">start();</script> <!-- präsentiert von kostenlose-javascripts.de -->