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>

效果图:

相关推荐
hzxpaipai2 分钟前
杭州企业官网怎么建设?从策划到上线的5步建站方法
运维·服务器·前端·网络
怕浪猫8 分钟前
2026年金九银十,我面了22个前端
前端·javascript·面试
IT_陈寒14 分钟前
Vue 这个响应式陷阱,我的头发都掉没了
前端·人工智能·后端
前端的日常19 分钟前
一个人+AI做情侣食谱小程序,30天纯赚
前端·javascript·后端
ShyanZh36 分钟前
【Python3基础】13-Python 常用设计模式
开发语言·python·设计模式
m0_3807438742 分钟前
Qt侧边栏布局的实现示例
开发语言·c++
zh_xuan1 小时前
c++ 23 std::out_ptr用法
开发语言·c++23·out_ptr
qq_316837751 小时前
阿里云百炼 fun-asr-realtime uniapp vue3 调用
javascript·vue.js·uni-app
陆卿之1 小时前
Java对接DeepSeek
java·开发语言·人工智能
庄园特聘拆椅狂魔1 小时前
Java 后端转全栈的第一课:从前端项目搭建到技术选
java·开发语言·前端