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>

效果图:

相关推荐
不相心 -w-3 分钟前
Cmake的基础用法
linux·开发语言·c++
用户2181697049305 分钟前
Flutter(九)StatelessWidget StatefullWidget
前端
paopaokaka_luck6 分钟前
基于springboot3+vue3的乡村医生诊疗管理系统(AI助手、协同过滤算法、webSocket实时聊天、Echarts图形化分析)
前端·网络·人工智能·spring boot·websocket·网络协议·echarts
编程风暴7 分钟前
3类人群的数据分析实习类型选择+4条选错红线
java·前端·数据分析
其美杰布-富贵-李7 分钟前
Vue 3 模块导入教程:import、export 与文件组织
前端·javascript·vue.js
撑伞的鱼993717 分钟前
C++开发用什么AI编程工具效果好?2026年实测横评(附选型指南)
开发语言·c++·ai编程·cursor
Bigger18 分钟前
堆了 20 套主题、10+ 组件,用户还是用不出来?我给设计 Skill 加了「自动驾驶」
前端·ai编程·视觉设计
weipt21 分钟前
springboot项目运行的几种方式
javascript·css·html
大数据张老师24 分钟前
Typora 导出 Word 模版操作手册
开发语言·c#·word·typora
前端技术官26 分钟前
前端真的比后端简单吗?
javascript·webview·dom·前端工程化·浏览器兼容性