| js做抽奖 | 您所在的位置：网站首页 › 年会抽奖什么奖品好 › js做抽奖 |
|
做一个简单的抽奖游戏。 定义一个简单的按钮，来控制。div标签显示抽奖结果。 点击开始抽奖逻辑是：抽到一个奖品，奖品少一个，也就是数组长度就减一，直到数组长度为0，显示没有奖品了。 把奖品写在一个数组里面。写一个button点击事件，（math.random获取一个随机的小数，math.round取整）随机生成一个整数，也就是数组中的某个值，获取到后，就可以删除这个值了，因为已经中奖了。把数组中的值写入div中，显示出来 let jiangpin = [ "iPhone14", "电影票一张", "纸巾一包", "零食大礼包", "按摩椅", "书一本", "衣服一件", ]; // 找标签 let btn = document.querySelector("#btn"); let box = document.querySelector("#box"); console.info(jiangpin); // 事件 function doChoujiang(){ // 判断有无奖品:如果没有，就停止抽奖，并输出"没有奖品了" if( jiangpin.length === 0 ){ box.innerHTML = "没有奖品了"; return false; } let gailv = Math.random(); // 0-1 随机小数 if( gailv < 0.5) { let suiji =Math.round( Math.random()*(jiangpin.length-1) ); // 从数组中，删除对应的元素 let jieguo = jiangpin[suiji]; jiangpin.splice( suiji,1 ); box.innerHTML = jieguo ; console.info(jiangpin); }else{ box.innerHTML = "谢谢参与!再来一次！"; } } btn.addEventListener("click", doChoujiang); |
| CopyRight 2018-2019 实验室设备网 版权所有 |