topical media & game development

talk show tell print

game-javascript-casual-slot-machine-game.htm / htm



  
  <!-- ONE STEP TO INSTALL SLOT MACHINE:
  
    1.  Copy the coding into the BODY of your HTML document  -->
  
  <!-- STEP ONE: Paste this code into the BODY of your HTML document  -->
  
  <BODY>
  
  <!-- This script and many more are available free online at -->
  
  <!-- The JavaScript Source!! http://javascript.internet.com -->
  
  <!-- Original:  Patrick Lewis (gtrwiz@aol.com ) -->
  
  <!-- Web Site:  http://www.PatrickLewis.net -->
  
  <!-- Begin
  
  <form name=slots onsubmit="rollem(); return false;">
  
  <table border=0 cellpadding=3 cellspacing=1 width=300>
  
  <tr><th colspan=2> Welcome to the Slot Machine! </th></tr>
  
  <tr><th align=right> Gold: </th>        <td align=left><input type=box size=5 name=gold READONLY value=25></td></tr>
  
  <tr><th align=right> Your bet: </th>        <td align=left><input type=box size=5 name=bet></td></tr>
  
  <tr><th><input type=submit value="Spin the slots"></th>
  
  <th><input type=button value="I am done for now" onclick="stopplay();"></th></tr>
  
  <tr><th colspan=2> <input type=reset value="Start over"> </th></tr>
  
  <tr><td colspan=2>
<tr><td colspan=2> <center> <table cellspacing=5 cellpadding=2 border=0><tr> <td><img src=game-javascript-casual-slot-machine-1.gif name=slot1></td> <td><img src=game-javascript-casual-slot-machine-2.gif name=slot2></td> <td><img src=game-javascript-casual-slot-machine-3.gif name=slot3></td> </tr></table> <input type=text readonly size=33 name=banner> </td></tr> <tr><td colspan=2>
<tr><td colspan=2><center> <table width=100% border=0> <tr><th colspan=3><font size=+1>Payouts</th></tr> <tr><th> 3 of a kind </th> <td> <img src=game-javascript-casual-slot-machine-1.gif> <img src=game-javascript-casual-slot-machine-1.gif> <img src=game-javascript-casual-slot-machine-1.gif> </td><th> 10x your bet </th></tr> <tr><th> A pair </th> <td> <img src=game-javascript-casual-slot-machine-2.gif> <img src=game-javascript-casual-slot-machine-2.gif> <img src=game-javascript-casual-slot-machine-3.gif> </td><th> 2x your bet </th></tr> <tr><th> or </th> <td> <img src=game-javascript-casual-slot-machine-0.gif> <img src=game-javascript-casual-slot-machine-4.gif> <img src=game-javascript-casual-slot-machine-4.gif> </td><th> 2x your bet </th></tr> <tr><th> or </th> <td> <img src=game-javascript-casual-slot-machine-5.gif> <img src=game-javascript-casual-slot-machine-6.gif> <img src=game-javascript-casual-slot-machine-5.gif> </td><th> 2x your bet </th></tr> <tr><th> No match </th> <td> <img src=game-javascript-casual-slot-machine-7.gif> <img src=game-javascript-casual-slot-machine-8.gif> <img src=game-javascript-casual-slot-machine-9.gif> </td><th> You lose </th></tr> </table> </td></tr> </table></center> </form> <script> slotitem = new Array('0','1','2','3','4','5','6','7','8','9'); document.slots.bet.focus(); startgold=25; document.slots.gold.value=startgold; function stopplay () { if (document.slots.gold.value < startgold) {alert("You lost "+ (startgold-document.slots.gold.value) +" gold pieces. ");} else {alert("You gained "+ (document.slots.gold.value-startgold) +" gold pieces. ");} } function rollem () { if (document.slots.bet.value<1 || document.slots.bet.value == "") {alert("You cannot bet less that 1. "); return;} if (Math.floor(document.slots.gold.value) < Math.floor(document.slots.bet.value)) {alert("Your bet "+document.slots.bet.value+" is larger than your remaining gold "+document.slots.gold.value+". "); return;} if (document.slots.bet.value>1) {document.slots.banner.value="Bet is "+document.slots.bet.value+" gold pieces";} else {document.slots.banner.value="Bet is "+document.slots.bet.value+" gold piece";} counter=0; spinem(); } function spinem() { turns1=10+Math.floor((Math.random() * 10)) for (a=0;a<turns1;a++) {document.slots.slot1.src="game-javascript-casual-slot-machine-"+slotitem[a % 9]+".gif"; } turns2=10+Math.floor((Math.random() * 10)) for (b=0;b<turns2;b++) {document.slots.slot2.src="game-javascript-casual-slot-machine-"+slotitem[b % 9]+".gif"; } turns3=10+Math.floor((Math.random() * 10)) for (c=0;c<turns3;c++) {document.slots.slot3.src="game-javascript-casual-slot-machine-"+slotitem[c % 9]+".gif"; } counter++; if (counter<25) {setTimeout("spinem(counter);",50);} else {checkmatch();} } function checkmatch() { if ((document.slots.slot1.src == document.slots.slot2.src) && (document.slots.slot1.src == document.slots.slot3.src)) {document.slots.banner.value="3 of a kind - You won "+Math.floor(document.slots.bet.value*10)+" gold pieces"; document.slots.gold.value=Math.floor(document.slots.gold.value)+Math.floor(document.slots.bet.value*10); } else if ((document.slots.slot1.src == document.slots.slot2.src) || (document.slots.slot1.src == document.slots.slot3.src) || (document.slots.slot2.src == document.slots.slot3.src)) {document.slots.banner.value="A pair - You won "+Math.floor(document.slots.bet.value*2)+" gold pieces"; document.slots.gold.value = Math.floor(document.slots.bet.value*2) + Math.floor(document.slots.gold.value);} else {document.slots.gold.value=document.slots.gold.value-document.slots.bet.value; document.slots.banner.value="No match - You lost "+document.slots.bet.value+" gold pieces";} } </script> // End --> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 5.32 KB -->


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.