以下是抽奖游戏的JS代码和步骤:
步骤:
1.定义一个数组,里面存储不同的奖品。 2.定义一个函数,用于生成随机数来表示抽中的奖品。 3.定义一个按钮,点击按钮触发抽奖函数。 4.利用DOM操作,将随机抽中的奖品输出到网页中。
代码:
HTML代码:
<!DOCTYPE html> <html> <head> <title>抽奖游戏</title> </head> <body> <h1>抽奖游戏</h1> <p>点击下面的按钮参加抽奖</p> <button onclick="drawLottery()">抽奖</button> <p>抽奖结果:<span id="result"></span></p> </body> <script src="抽奖游戏.js"></script> </html>
复制
JS代码:
// 定义奖品数组 var prizes = ["Iphone X", "Apple Watch", "50元优惠券", "免单一次", "再来一次", "谢谢参与"]; // 定义抽奖函数 function drawLottery() { // 生成随机数 var randomNumber = Math.floor(Math.random() * prizes.length); // 将抽中的奖品输出到页面上 document.getElementById("result").innerHTML = prizes[randomNumber]; }
复制
其中,Math.random()
函数返回一个[0, 1)之间的随机数。由于prizes
数组的长度为6,因此需要将随机数乘以6(即prizes.length
)并向下取整,来生成0~5之间的随机整数,以表示抽中了哪个奖品。