Math对象：随机获取数组中数据（随机点名，抽奖）

最新推荐文章于 2023-02-18 20:00:31 发布

原创最新推荐文章于 2023-02-18 20:00:31 发布 · 412 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

这是一个使用HTML和JavaScript编写的简单抽奖程序，当点击按钮时，会从预设的姓名数组中随机选取一个名字显示在页面上，实现了基本的随机点名或抽奖功能。

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
   </head>
   <body>
       <button id="btn">抽奖</button>
       <span id='cat'></span>
       <script>
           // 随机获取数组中数据（随机点名，抽奖）
           var arr=['李大','李二','李三','王大','王二','王三','孙大','孙二','孙三']
           btn.onclick=function(){
               var n=Math.floor(Math.random()*arr.length)
               // console.log(n);
               // 获取随机元素
               cat.innerHTML=arr[n]
           }
       </script>
   </body>
</html>