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>

效果图:

相关推荐
IT_陈寒7 分钟前
Vue的这个响应式陷阱,我调试了一整天才爬出来
前端·人工智能·后端
莪_幻尘8 分钟前
手把手书写你的第一个 AI Skill:从原则到工程化
前端·agent·ai编程
lpfasd1238 分钟前
2025-2026前端3D展示技术发展全景
前端·3d
JR空位投 李佃贵是13 分钟前
如何编写轻量级 CSS 框架
前端·css·tensorflow
雨落在了我的手上22 分钟前
Java数据结构(九):栈和队列
java·开发语言·数据结构
白猫不黑28 分钟前
Web 应用中“敏感信息泄露“的常见位置?
前端·网络·web安全·网络安全·信息安全·渗透测试
j7~29 分钟前
【C语言】《C语言自定义类型(结构体+联合体+枚举类型)》--详解
c语言·开发语言·深度学习·结构体·位段·联合体·枚举类型
张风捷特烈34 分钟前
Flutter UI 解耦 - 天下大势,合久必分, 分久必合
android·前端·flutter
安冬的码畜日常39 分钟前
【工欲善其事】深入理解 Node.js 带并发上限的异步任务批量执行逻辑
javascript·设计模式·node.js·ai编程·异步编程·并发执行
Escalating_xu40 分钟前
C++11 彻底吃透 emplace_back 与 push_back(最全闭环:左右值|深浅拷贝|移动构造|万能引用|完美转发)
开发语言·c++