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>

效果图:

相关推荐
海盗12341 分钟前
WPF上位机组件开发-设备状态运行图基础版
开发语言·c#·wpf
看我干嘛!2 分钟前
python第四次作业
开发语言·python
Coder_preston2 分钟前
Java集合框架详解
java·开发语言
多多*6 分钟前
2026年最新 测试开发工程师相关 Linux相关知识点
java·开发语言·javascript·算法·spring·java-ee·maven
Laurence8 分钟前
从零到一构建 C++ 项目(IDE / 命令行双轨实现)
前端·c++·ide
会编程的土豆15 分钟前
简易植物大战僵尸游戏 JavaScript版之html
javascript·游戏·html
雯0609~17 分钟前
hiprint-官网vue完整版本+实现客户端配置+可实现直接打印(在html版本增加了条形码、二维码拖拽等)
前端·javascript·vue.js
VT.馒头18 分钟前
【力扣】2705. 精简对象
javascript·数据结构·算法·leetcode·职场和发展·typescript
GISer_Jing20 分钟前
构建高性能Markdown引擎开发计划
前端·aigc·ai编程
摘星编程24 分钟前
在OpenHarmony上用React Native:Switch禁用状态
javascript·react native·react.js