我试图用JavaScript制作一个非常基本的老虎机游戏。我设法让插槽移动并停在随机图像上,出现一个警告框,通知是否有匹配,三重奏或根本没有,但我无法弄清楚如何更改代码以便当插槽停止时我的警告框将显示游戏状态的消息(2匹配/所有三个匹配/不匹配)以及插槽停止的图像,例如(两个比赛 - 香蕉,樱桃,香蕉)(它的三重奏 - 柠檬,柠檬,柠檬)或(不匹配 - 樱桃,香蕉,柠檬)
var slotitem = [];
slotitem[0] = "Banana";
slotitem[1] = "Bar";
slotitem[2] = "BigWin";
function rollem() {
counter = 0;
spinem();
}
function spinem() {
turns1 = 3 + Math.floor((Math.random() * 3))
for (a = 0; a < turns1; a++) {
document.slots.slot1.src = "" + slotitem[a % 3] + ".jpg";
}
turns2 = 3 + Math.floor((Math.random() * 3))
for (b = 0; b < turns2; b++) {
document.slots.slot2.src = "" + slotitem[b % 3] + ".jpg";
}
turns3 = 3 + Math.floor((Math.random() * 3))
for (c = 0; c < turns3; c++) {
document.slots.slot3.src = "" + slotitem[c % 3] + ".jpg";
}
counter++;
console.log(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)) {
alert("Trio! You WIN!")
} else if ((document.slots.slot1.src + slotitem == 0 == document.slots.slot2.src + slotitem == 0)
|| (document.slots.slot1.src + slotitem == 0 == document.slots.slot3.src + slotitem == 0)
|| (document.slots.slot2.src + slotitem == 0 == document.slots.slot3.src + slotitem == 0)) {
alert("Bannananana")
} else if ((document.slots.slot1.src + slotitem == 1 == document.slots.slot2.src + slotitem == 1)
|| (document.slots.slot1.src + slotitem == 1 == document.slots.slot3.src + slotitem == 1)
|| (document.slots.slot2.src + slotitem == 1 == document.slots.slot3.src + slotitem == 1)) {
alert("Barrrr")
} else if ((document.slots.slot1.src + slotitem == 2 == document.slots.slot2.src + slotitem == 2)
|| (document.slots.slot1.src + slotitem == 2 == document.slots.slot3.src + slotitem == 2)
|| (document.slots.slot2.src + slotitem == 2 == +document.slots.slot3.src + slotitem == 2)) {
alert("Big Wim")
} else if ((document.slots.slot1.src != document.slots.slot2.src) && (document.slots.slot1.src != document.slots.slot3.src)) {
alert("All Different - You Lose!")
}
}
&#13;
<!doctype html>
<html>
<head>
<title>Dice Game</title>
<script src="slotMachine.js"></script>
</head>
<body>
<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>
<td colspan=2>
<hr> </td>
</tr>
<tr>
<td colspan=2>
<center>
<table cellspacing=5 cellpadding=2 border=0>
<tr>
<td> <img src=Banana.jpg name=slot1> </td>
<td> <img src=Orange.jpg name=slot2> </td>
<td> <img src=Melon.jpg name=slot3> </td>
</tr>
</table>
<tr>
<th> <input type=submit value="Spin the slots"> </th>
<!<input type=text readonly size=33 name=banner></td>
</tr>
</form>
</body>
</html>
&#13;