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>

效果图:

相关推荐
滕青山25 分钟前
URL编码/解码 核心JS实现
前端·javascript·vue.js
m0_5312371728 分钟前
C语言-操作符练习
c语言·开发语言
有马贵将29 分钟前
【3】前端手撕-深浅拷贝
javascript
tod11337 分钟前
C++核心知识点全解析(二)
开发语言·c++·面试经验
weixin_440401691 小时前
Python数据分析(空值、重复值检测删除与设置)
开发语言·python·数据分析
消失的旧时光-19431 小时前
C++ 多线程与并发系统取向(五)—— std::atomic:原子操作与状态一致性(类比 Java Atomic)
开发语言·jvm·c++·并发
资深web全栈开发1 小时前
CoI - 组合优于继承:解耦的艺术
android·java·开发语言
低频电磁之道1 小时前
C++中预定义宏
开发语言·c++
工程师0071 小时前
MQTT 概念详解与 C# 实战
开发语言·c#·mqtt通信
菜鸟小芯1 小时前
【GLM-5 陪练式前端新手入门】第五篇:响应式适配 —— 让个人主页 “见机行事”
前端·人工智能