JavaScript 综合运用开发老虎机游戏

1、首先我们生成3个随机数，范围在1到3之间。分别用 slotOne、slotTwo、slotThree来存储着3个随机数。

Math.floor(Math.random() * (3 - 1 + 1)) + 1;

2、现在我们的老虎机每次生成3个随机数，我们得去检查随机数是否全部相等的情况。

如果全部相等，我们应该提示用户他们赢了，并返回中奖号码，否则我们应该返回null。

当这3个随机数相等的时候，判定用户赢。创建一个if条件语句，用多个条件按顺序来检查它们是否相等。类似于：

if (slotOne === slotTwo && slotTwo === slotThree){

  return slotOne;

} else {

}

当3个随机数都一样的时候，我们把 "It's A Win" 追加到class logger的html中。

3、用 jQuery 选择器 $(".slot") 获得所有老虎机。

一旦获取到所有老虎机，我们可以通过中括号操作符获取到每一个老虎机：

$($(".slot")[0]).html(slotOne);

jQuery将会获取到第一个老虎机，并更新它的HTML为正确的数字。

4、给老虎机加图片。可以通过不同的索引来获取每个图片。

$($('.slot')[0]).html('');

 //结构

 

 

 
 
FCC Slot Machine
 
 

 

 
 
 

 
 
 

 
 
 
 

 

 
 Go
 
 
 

 

 
 
 

//样式