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>

效果图:

相关推荐
skilllite作者几秒前
SkillLite 多入口架构实战:CLI / Python SDK / MCP / Desktop / Swarm 一页理清
开发语言·人工智能·python·安全·架构·rust·agentskills
秋月的私语6 分钟前
遥感影像拼接线优化工具:基于Qt+GDAL+OpenCV的从零到一实践
开发语言·qt·opencv
A923A11 分钟前
【从零开始学 React | 第四章】useEffect和自定义Hook
前端·react.js·fetch·useeffect
xwz小王子15 分钟前
智元发布 GO-2:动作空间推理 + 全生命周期闭环,让机器人稳定可靠落地
开发语言·golang·机器人
charlie11451419115 分钟前
通用GUI编程技术——图形渲染实战(二十八)——图像格式与编解码:PNG/JPEG全掌握
开发语言·c++·windows·学习·图形渲染·win32
ZC跨境爬虫15 分钟前
批量爬取小说章节并优化排版(附完整可运行脚本)
前端·爬虫·python·自动化
ZC跨境爬虫18 分钟前
海南大学交友平台登录页开发实战day4(解决python传输并读取登录信息的问题)
开发语言·前端·python·flask·html
wjs202420 分钟前
SQL LEN() 函数详解
开发语言
来一颗砂糖橘21 分钟前
pnpm:现代前端开发的高效包管理器
前端·pnpm
前端摸鱼匠21 分钟前
Vue 3 的defineProps编译器宏:详解<script setup>中defineProps的使用
前端·javascript·vue.js·前端框架·ecmascript