topical media & game development
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.