Würfelspiel (Wer kommt an die 50?)

Diesmal kommt das Würfelspiel von TeSeven. Das Spielprinzip ist einfach erklärt. Ihr erfahrt es, wenn ihr mit der Maus über den Text „Beschreibung“ geht 😉

<!-- präsentiert von kostenlose-javascripts.de --> <div style="position:relative;padding:20px;"> <h1>Würfelspiel</h1> <div style="position:absolute; top:50px; left:15%;"> <table border="3"> <tr> <td>Spieler 1</td> </tr> <tr> <td height="100" width="100" align="center" valign="middle"><span class="wuerfel" id="wuerfel1">Würfel</span></td> </tr> </table> </div> <div style="position:absolute; top:300px; left:15%;"> <table border="3" id="table1"> <tr> <td height="20" width="20" align="center" valign="middle" id="wuerfelanzahl1">0</td> </tr> </table> </div> <div style="position:absolute; top:50px; right:15%;"> <table border="3"> <tr> <td>Spieler 2</td> </tr> <tr> <td height="100" width="100" align="center" valign="middle"><span class="wuerfel" id="wuerfel2">Würfel</span></td> </tr> </table> </div> <div style="position:absolute; top:300px; right:15%;"> <table border="3" id="table2"> <tr> <td height="20" width="20" align="center" valign="middle" id="wuerfelanzahl2">0</td> </tr> </table> </div> <div align="center"> <input type="button" onclick="fWuerfeln()" id="button" style="position:absolute; top:380px; disabled:false;" value="würfeln"> <span id="dran">Spieler 1 ist dran.</span> </div> <input type="button" value="Spieler 1 aufhören" id="aufgeben1" style="position:absolute; top:400px; left:15%; width: 200px;" onclick="this.style.display='none'; aufgeben_sp1 = true; spieler = 2; bAufgegeben();" /> <input id="aufgeben2" type="button" style="position:absolute; top:400px; right:15%; width: 200px;" value="Spieler 2 aufhören" onclick="this.style.display='none'; aufgeben_sp2 = true; spieler = 1; bAufgegeben();" /> <div style="position:absolute; top:10px; left:20px; -moz-opacity:0.9; opacity:0.9; filter:alpha(opacity=90); background-color:transparent; color:#FF0033; cursor:help; font-size:16px;" onmouseover="document.getElementById('beschreibung').style.display = 'block'" onmouseout="document.getElementById('beschreibung').style.display = 'none'">Beschreibung</div> <div id="beschreibung" style="position:absolute; top:50px; left:20px; padding: 10px; border: 1px solid #ccc; display:none; background-color:#FFFFCC;">Jeder würfelt nacheinander, alle gewürfelten Zahlen werden zusammengezählt. Wer zuerst mehr als 50 Punkte hat, verliert. Wenn man denkt, es reicht, kann man aufhören, der andere Spieler kann aber noch weiter würfeln. Wenn beide Spieler aufgehört haben, dann gewinnt der, der am ehesten an 50 ist. Die zuletzt gewürfelte Zahl wird in Rot dargestellt. </div> </div> <script type='text/javascript'> <!-- var aufgeben_sp1 = false; var aufgeben_sp2 = false; var spieler = 1; var wuerfelanzahl1 = 0; var wuerfelanzahl2 = 0; var zahl = 0; function fWuerfeln(){ if(spieler == 1 && aufgeben_sp1 == false){ while(zahl > 6 || zahl < 1){ zahl = Math.round(Math.random()/(1/6)); } document.getElementById('wuerfel2').style.color = "#000000"; document.getElementById('wuerfel1').innerHTML = zahl; wuerfelanzahl1 = wuerfelanzahl1 + zahl; document.getElementById('wuerfelanzahl1').innerHTML = wuerfelanzahl1; document.getElementById('wuerfel1').style.color = "#FF0000"; document.getElementById('dran').innerHTML = "Spieler 2 ist dran."; if(aufgeben_sp2){}else{spieler = 2;} fErreicht(); zahl = 0; return; } if(spieler == 2 && aufgeben_sp2 == false){ while(zahl > 6 || zahl < 1){ zahl = Math.round(Math.random()/(1/6)); } document.getElementById('wuerfel1').style.color = "#000000"; document.getElementById('wuerfel2').innerHTML = zahl; wuerfelanzahl2 = wuerfelanzahl2 + zahl; document.getElementById('wuerfelanzahl2').innerHTML = wuerfelanzahl2; document.getElementById('wuerfel2').style.color = "#FF0000"; document.getElementById('dran').innerHTML = "Spieler 1 ist dran."; if(aufgeben_sp1){}else{spieler = 1;} fErreicht(); zahl = 0; return; } } function fErreicht(){ if(wuerfelanzahl1 > 50){ document.getElementById('button').style.display = "none"; document.getElementById('aufgeben1').style.display = "none"; document.getElementById('aufgeben2').style.display = "none"; document.getElementById('dran').innerHTML = "<h2 style='color:#FF0000'>Spieler 2 hat gewonnen</h2>"; alert('Super gemacht Spieler 2, du hast gewonnen !'); } if(wuerfelanzahl2 > 50){ document.getElementById('button').style.display = "none"; document.getElementById('aufgeben1').style.display = "none"; document.getElementById('aufgeben2').style.display = "none"; document.getElementById('dran').innerHTML = "<h2 style='color:#FF0000'>Spieler 1 hat gewonnen</h2>"; alert('Super gemacht Spieler 1, du hast gewonnen !'); } } function bAufgegeben(){ if(aufgeben_sp1 == true && aufgeben_sp2 == true){ if((50 - wuerfelanzahl1) < (50-wuerfelanzahl2)){ document.getElementById('button').style.display = "none"; document.getElementById('aufgeben1').style.display = "none"; document.getElementById('aufgeben2').style.display = "none"; document.getElementById('dran').innerHTML = "<h2 style='color:#FF0000'>Spieler 1 hat gewonnen</h2>"; alert('Super gemacht Spieler 1, du hast gewonnen !'); } if((50 - wuerfelanzahl1) > (50-wuerfelanzahl2)){ document.getElementById('button').style.display = "none"; document.getElementById('aufgeben1').style.display = "none"; document.getElementById('aufgeben2').style.display = "none"; document.getElementById('dran').innerHTML = "<h2 style='color:#FF0000'>Spieler 2 hat gewonnen</h2>"; alert('Super gemacht Spieler 2, du hast gewonnen !'); } if(wuerfelanzahl1 == wuerfelanzahl2){ document.getElementById('button').style.display = "none"; document.getElementById('aufgeben1').style.display = "none"; document.getElementById('aufgeben2').style.display = "none"; document.getElementById('dran').innerHTML = "<h2 style='color:#FF0000'>Spieler 1 und Spieler 2 haben sich unentschieden getrennt.</h2>"; alert('Schade, das war leider ein Unentschieden...'); } } } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/spiele/wuerfelspiel-wer-kommt-an-die-50/" target="_blank">kostenlose-javascripts.de</a> <br /> <!-- präsentiert von kostenlose-javascripts.de -->