Und wieder mal ein Javascript von unserem User „Vollautomatisch“. Diesmal hat er uns ein Spiel eingeschickt.

Viele kennen es als Galgenraten. Manche auch einfach nur als Wörterraten. Ziel des Spiels ist es, ein Wort mittels Buchstaben zu erraten. Dazu hat man 10 Versuche. Wenn der geratene Buchstabe im gesuchten Wort vorkommt, erscheint er an der entsprechenden Position.

Eingeben könnt ihr die Buchstaben über eure Tastatur oder über die Buttons im Javascript.

Viel Spass damit 🙂

Galgenmännchen

<!-- präsentiert von kostenlose-javascripts.de --> <!-- (c) Copyright by Vollautomatisch 2007 --> <style type="text/css"> button.galgenbutton { width: 60px; height: 30px; border: 1px solid #000000; } </style> <h1 align="center">Galgenmännchen</h1> <fieldset> <legend>Eingabe hier oder per Tastatur</legend> <input type="hidden" name="laenge" id="laenge" /> <input type="hidden" name="warten" id="warten" value="0" /> <input type="hidden" name="m" id="m" value="0" /> <input type="hidden" name="i" id="i" value="0" /> <input type="hidden" name="versuche" id="versuche" value="10" /> <input type="hidden" name="word" id="word" value="" /> <input type="hidden" name="verloren" id="verloren" value="0" /> <input type="hidden" name="wort_gross" id="wort_gross" value="" /> <input type="hidden" name="erraten" id="erraten" value="" /> <input type="hidden" name="wort" id="wort" value="" /> <table> <tr> <td colspan="6"><input type="text" name="ausgabe_wort" id="ausgabe_wort" readonly="readonly" style="font-family: Courier New, Courier; width: 100%; height: 1.3em; text-align: center; border: 3px solid #ffffff; font-weight: bold; font-size: 20px" /></td> </tr> <tr> <td><button onclick="buchstabe_testen('a')" class="galgenbutton">A</button></td> <td><button onclick="buchstabe_testen('b')" class="galgenbutton">B</button></td> <td><button onclick="buchstabe_testen('c')" class="galgenbutton">C</button></td> <td><button onclick="buchstabe_testen('d')" class="galgenbutton">D</button></td> <td><button onclick="buchstabe_testen('e')" class="galgenbutton">E</button></td> <td><button onclick="buchstabe_testen('f')" class="galgenbutton">F</button></td> </tr> <tr> <td><button onclick="buchstabe_testen('g')" class="galgenbutton">G</button></td> <td><button onclick="buchstabe_testen('h')" class="galgenbutton">H</button></td> <td><button onclick="buchstabe_testen('i')" class="galgenbutton">I</button></td> <td><button onclick="buchstabe_testen('j')" class="galgenbutton">J</button></td> <td><button onclick="buchstabe_testen('k')" class="galgenbutton">K</button></td> <td><button onclick="buchstabe_testen('l')" class="galgenbutton">L</button></td> </tr> <tr> <td><button onclick="buchstabe_testen('m')" class="galgenbutton">M</button></td> <td><button onclick="buchstabe_testen('n')" class="galgenbutton">N</button></td> <td><button onclick="buchstabe_testen('o')" class="galgenbutton">O</button></td> <td><button onclick="buchstabe_testen('p')" class="galgenbutton">P</button></td> <td><button onclick="buchstabe_testen('q')" class="galgenbutton">Q</button></td> <td><button onclick="buchstabe_testen('r')" class="galgenbutton">R</button></td> </tr> <tr> <td><button onclick="buchstabe_testen('s')" class="galgenbutton">S</button></td> <td><button onclick="buchstabe_testen('t')" class="galgenbutton">T</button></td> <td><button onclick="buchstabe_testen('u')" class="galgenbutton">U</button></td> <td><button onclick="buchstabe_testen('v')" class="galgenbutton">V</button></td> <td><button onclick="buchstabe_testen('w')" class="galgenbutton">W</button></td> <td><button onclick="buchstabe_testen('x')" class="galgenbutton">X</button></td> </tr> <tr> <td><button onclick="buchstabe_testen('y')" class="galgenbutton">Y</button></td> <td><button onclick="buchstabe_testen('z')" class="galgenbutton">Z</button></td> <td colspan="2" id="versuche"><button style="width: 100%" id="button" class="galgenbutton">Versuche: 10</button></td> <td colspan="2"><button onclick="mache_wort()" style="width: 100%" class="galgenbutton">Neues Wort</button></td> </tr> <tr> <td colspan="6"><textarea name="ausgabe" id="ausgabe" rows="1" style="width: 100%; overflow: hidden; border: 1px solid #000000; background-color: #ffffff;" readonly="readonly"></textarea></td> </tr> </table> </fieldset> <script type='text/javascript'> <!-- var text = new Array (), ausgabe="", cut=0, i=0, m=0, immer_noch=1, wie_lange=0; function tastendruck (e) { myEvent = (e) ? e.which : event.keyCode; if (!ereignis) var ereignis = myEvent; for (var test = 97; test <= 122; test++) { if (ereignis == test) { buchstabe_testen(String.fromCharCode(test)); } } if (ereignis == 32) mache_wort(); } function mache_wort () { document.getElementById('erraten').value = ""; document.getElementById('versuche').value = 10; document.getElementById('verloren').value = 0; document.getElementById('wort').value = ""; document.getElementById('wort_gross').value = ""; var woerter = new Array("Fernseher", "Galgenmaennchen", "Sofakissen", "Taschenmesser", "Wein", "Kuchen", "Terminkalender", "Notizblock", "Algorithmus", "Asphalt", "Hai", "Druckerpatrone", "Informatik", "Globus", "Keksdose", "Lautsprecher", "Taschenrechner", "Gitarre", "Gardine", "Axolotl", "Fenster", "iPod", "Reiswaffel", "Monitor", "Schulbuch", "Schokolade", "Fahrrad", "Kugelschreiber", "Homepage", "Zeitschrift", "Kopfhoerer", "Kuchen", "Elefant", "Hardware", "Giraffe", "Regenschirm", "Lampe", "Klimaanlage"); var zufallszahl = parseInt(Math.random() * woerter.length); wort2 = woerter[zufallszahl]; document.getElementById('wort_gross').value = wort2; wort2 = wort2.toLowerCase(); document.getElementById('wort').value = wort2; var i = 0; var m = 0; document.getElementById('ausgabe_wort').value = "*"; while (m == 0) { document.getElementById('ausgabe_wort').value += " *"; i++; if (i == (wort2.length-1)) m = 1; } document.getElementById('ausgabe').value = "Es wurde ein Wort mit " + (wort2.length) + " Buchstaben erstellt."; } function blink_gruen () { document.getElementById("ausgabe_wort").style.border = "3px solid #00dF00"; window.setTimeout('document.getElementById("ausgabe_wort").style.border = "3px solid #ffffff"', 200); } function blink_rot () { document.getElementById("ausgabe_wort").style.border = "3px solid #ff0000"; window.setTimeout('document.getElementById("ausgabe_wort").style.border = "3px solid #ffffff"', 200); } function buchstabe_testen (buchstabe) { if (document.getElementById('versuche').value >= 0 && document.getElementById('verloren').value != 1) { document.getElementById('button').innerHTML = "Versuche: " + document.getElementById('versuche').value; wort = document.getElementById('wort').value; var cut = ""; var wort_array = new Array(); for (var i = 0; i < wort.length; i++) { cut = wort.substr(i, 1); wort_array[i] = cut; } var cut = ""; var count = 0; for (var i = 0; i < wort.length; i++) { cut = wort.substr(i, 1); if (cut == buchstabe) count++; } if (wort.indexOf(buchstabe) >= 0 && buchstabe != "") { if (count == 1) document.getElementById('ausgabe').value = "Richtig, es ist ein '" + (buchstabe.toUpperCase()) + "' im Wort enthalten!"; if (count > 1) document.getElementById('ausgabe').value = "Richtig, in diesem Wort gibt es das '" + (buchstabe.toUpperCase()) + "' " + count + "mal!"; blink_gruen(); for (var i = 0; i < wort.length; i++) { if (wort_array[i] == buchstabe) { if (wort.indexOf(buchstabe) < 10 && count == 1) { document.getElementById('erraten').value += "0"+i; } else if (wort.indexOf(buchstabe) < 10 && count > 1) { var wort_array_copy = wort_array; for (var i = 0; i < (wort_array.length); i++) { if (wort_array[i] == buchstabe) { if (i < 10) { document.getElementById('erraten').value += "0"; } document.getElementById('erraten').value += i; } } wort_array = wort_array_copy; } else { document.getElementById('erraten').value += ""+i; } } } var erraten = document.getElementById('erraten').value; window.status = erraten +" "+wort.indexOf(buchstabe); var cut = ""; var erraten_array = new Array(); for (var i = 0; i < erraten.length; i+=2) { cut = erraten.substr(i, 2); cut = parseFloat(cut); erraten_array[cut] = wort_array[cut]; } var array_show = new Array(); for (var i = 0; i < wort.length; i++) { if (wort_array[i] == erraten_array[i]) array_show[i] = erraten_array[i]; else array_show[i] = "*"; } document.getElementById('ausgabe_wort').value = array_show.join(" ").toUpperCase(); if (array_show.join("") == wort.toLowerCase()) { var wort = (document.getElementById('wort').value).toLowerCase(); var cut = wort.substr(0, 1).toUpperCase(); wort = wort.substring(1, wort.length); wort = cut + wort; document.getElementById('ausgabe').value = "Sie haben das Wort '" + wort + "' erraten!"; document.getElementById('verloren').value = 0; document.getElementById("ausgabe_wort").style.backgroundColor = "#00df00"; } else { if (document.getElementById('versuche').value <= 0) { document.getElementById('verloren').value = 1; } } } else { document.getElementById('ausgabe').value = "Nein, es ist kein '" + (buchstabe.toUpperCase()) + "' im Wort enthalten."; document.getElementById('versuche').value = parseFloat(document.getElementById('versuche').value) - 1; blink_rot(); if (document.getElementById('verloren').value == 1 || document.getElementById('versuche').value < 0) { document.getElementById('ausgabe').value = "Sie haben verloren! Das Wort wäre: '" + document.getElementById('wort').value + "'"; return false; } } if (document.getElementById('verloren').value == 1) { document.getElementById('ausgabe').value = "Sie haben verloren! Das Wort wäre: '" + document.getElementById('wort').value + "'"; return false; } } if (document.getElementById('verloren').value == 1) { document.getElementById('ausgabe').value = "Sie haben verloren! Das Wort wäre: '" + document.getElementById('wort').value + "'"; return false; } } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/spiele/galgenmaennchen/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">document.onkeypress = tastendruck; mache_wort();</script> <!-- präsentiert von kostenlose-javascripts.de -->