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>

效果图:

相关推荐
D_jing201 天前
Vue 3 + Element Plus 重置el-drawer样式失效
前端·javascript·vue.js
Brilliantwxx1 天前
【C++】 继承与多态(中)
开发语言·c++·笔记·算法
__log1 天前
Vue 3 与 React 18+ 核心技术深度对比:从源码到实战
前端·vue.js·react.js
很晚很晚了1 天前
纯前端转全栈 Day 1:我从第一个 NestJS 接口开始
前端
Lee川1 天前
从零解剖一个 AI Agent Tool是如何实现的
前端·人工智能·后端
Aurorar0rua1 天前
CS50 x 2024 Notes C -14
c语言·开发语言·学习方法
wangruofeng1 天前
Playwright 深度调研:为什么它成了浏览器自动化的新底座
前端·测试
小短腿的代码世界1 天前
从.qrc到rcc编译器:Qt资源系统的隐秘运作机制与大型项目性能突围
开发语言·qt
2401_833269301 天前
Java网络编程入门
java·开发语言
青瓦梦滋1 天前
C++的IO流与STL的空间配置器
开发语言·c++