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>

效果图:

相关推荐
FQNmxDG4S3 小时前
Java多线程编程:Thread与Runnable的并发控制
java·开发语言
ZC跨境爬虫3 小时前
跟着 MDN 学 HTML day_9:(信件语义标记)
前端·css·笔记·ui·html
前端老石人3 小时前
HTML 字符引用完全指南
开发语言·前端·html
matlab_xiaowang4 小时前
Redux 入门:JavaScript 可预测状态管理库
开发语言·javascript·其他·ecmascript
幼儿园技术家4 小时前
前端如何设计权限系统(RBAC / ABAC)?
前端
虹科网络安全4 小时前
艾体宝干货|数据复制详解:类型、原理与适用场景
java·开发语言·数据库
axng pmje4 小时前
Java语法进阶
java·开发语言·jvm
老前端的功夫5 小时前
【Java从入门到入土】28:Stream API:告别for循环的新时代
java·开发语言·python
qq_435287925 小时前
第9章 夸父逐日与后羿射日:死循环与进程终止?十个太阳同时值班的并行冲突
java·开发语言·git·死循环·进程终止·并行冲突·夸父逐日
止语Lab5 小时前
从手动到框架:Go DI 演进的三个拐点
开发语言·后端·golang