js实现点击随机点名效果

代码:

javascript 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="container">
        <button>点名</button>
    </div>
    <script>    
        function dm(){
              // 随机点名
            let arr = ['于一',
            '宋二',
            '张三',
            '李四',
            '王五',
            '赵六'
            ]


            let index =Math.floor(Math.random()*arr.length)

            alert(arr[index])
        }
        let btn = document.querySelector('button')
        btn.onclick=dm
        


                
    </script>
</body>
</html>

效果图:

相关推荐
小二李6 分钟前
什么是依赖注入(DI)&控制反转IoC
java·开发语言
CDN36010 分钟前
高防切换后网站打不开?DNS 解析与回源路径故障排查
前端·网络·数据库
是宇写的啊16 分钟前
SpringIoc和Di
java·开发语言
沐雪轻挽萤17 分钟前
3. C++17新特性-带初始化的 if 和 switch 语句
开发语言·c++
信也科技布道师20 分钟前
把7个页面变成1段对话:AI如何重构借款流程
前端·人工智能·重构·架构·交互·用户体验
xianluohuanxiang22 分钟前
2026年深度:高精度气象+新能源,从风速误差到收益偏差,行业赋能正在重构电站盈利模型
大数据·开发语言·人工智能·机器学习
froginwe1129 分钟前
SQL PRIMARY KEY(主键)
开发语言
2401_8858850433 分钟前
视频短信接口集成起来复杂吗?API接入说明
开发语言·php·音视频
Thexhy35 分钟前
Java 后端完整成长路线(含项目)
java·开发语言
276695829236 分钟前
携程旅行 token1005
java·linux·前端·javascript·携程旅行·token1005·携程酒店