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>

效果图:

相关推荐
apcipot_rain几秒前
【天梯赛】2026天梯赛模拟赛——题解
开发语言·c++·算法·蓝桥杯·天梯赛
KevinWang_3 分钟前
AI 基础设施及其应用
前端
Rust研习社3 分钟前
Rust 堆内存指针 Box 详解
开发语言·后端·rust
AIFarmer4 分钟前
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确, 然后再试一次。
前端·npm·node.js
小红的布丁8 分钟前
Redis 集群详解:主从哨兵和切片集群有什么区别
前端·数据库·redis
liulilittle11 分钟前
Lua 浮点数比较
开发语言·junit·lua
yuyuyuliang0022 分钟前
python笔记1
开发语言·笔记·python
摇滚侠24 分钟前
Groovy 如何给集合中添加元素
java·开发语言·windows·python
~plus~24 分钟前
C# 事件溯源与 CQRS 架构:用 EventStoreDB 打造可靠系统
开发语言·架构·c#
江奖蒋犟27 分钟前
【C++】红黑树
开发语言·c++