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>

效果图:

相关推荐
小磊哥er8 分钟前
【前端工程化】前端工作中的业务规范有哪些
前端
旷世奇才李先生13 分钟前
Next.js 安装使用教程
开发语言·javascript·ecmascript
ᥬ 小月亮18 分钟前
webpack基础
前端·webpack
YongGit37 分钟前
探索 AI + MCP 渲染前端 UI
前端·后端·node.js
charlie1145141911 小时前
深入理解Qt的SetWindowsFlags函数
开发语言·c++·qt·原理分析
慧一居士1 小时前
<script setup>中的setup作用以及和不带的区别对比
前端
likeGhee1 小时前
python缓存装饰器实现方案
开发语言·python·缓存
whoarethenext2 小时前
使用 C++/Faiss 加速海量 MFCC 特征的相似性搜索
开发语言·c++·faiss
RainbowSea2 小时前
NVM 切换 Node 版本工具的超详细安装说明
java·前端
项目題供诗2 小时前
黑马python(二十五)
开发语言·python