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>

效果图:

相关推荐
木木黄木木5 分钟前
HTML5图片裁剪工具实现详解
前端·html·html5
念九_ysl8 分钟前
基数排序算法解析与TypeScript实现
前端·算法·typescript·排序算法
海石8 分钟前
vue2升级vue3踩坑——【依赖注入】可能成功了,但【依赖注入】成功了不太可能
前端·vue.js·响应式设计
白露与泡影18 分钟前
Java面试题及答案整理( 2025年 4 月最新版,持续更新)
java·开发语言
uhakadotcom19 分钟前
Vite 与传统 Bundler(如 Webpack)在 Node.js 应用的性能对比
前端·javascript·面试
YueiL29 分钟前
C++入门练习之 给出年分m和一年中的第n天,算出第n天是几月几号
开发语言·c++·算法
uhakadotcom31 分钟前
Socket.IO 简明教程:实时通信的基础知识
前端·javascript·面试
冷凝女子33 分钟前
【QT】获取文件路径中的文件名,去掉后缀,然后提取文件名中的数字
开发语言·数据库·qt
我不想当小卡拉米34 分钟前
C++:继承+菱形虚拟继承的一箭双雕
开发语言·jvm·c++
weixin_4578858236 分钟前
JavaScript智能对话机器人——企业知识库自动化
开发语言·javascript·自动化