js实现随机点名（点击按钮开始与结束）

最新推荐文章于 2023-01-14 16:59:29 发布

QAQTT

最新推荐文章于 2023-01-14 16:59:29 发布

阅读量2.4k

点赞数 2

文章标签： javascript html

本文链接：https://blog.csdn.net/QAQTT/article/details/118915261

版权

本文介绍了如何使用JavaScript配合HTML实现一个随机点名的功能。通过点击按钮，程序将随机选取名单中的一个名字进行点名。内容包括HTML结构的设置以及JavaScript代码的实现，最终展示出清晰直观的点名效果。

摘要由CSDN通过智能技术生成

HTML结构

<style>
    .name {
        width: 400px;
        height: 300px;
        background-color: pink;
        margin: 100px auto 10px auto;
        color: #fff;
        font-size: 30px;
        line-height: 300px;
        text-align: center;
    }
    button {
        display: block;
        width: 80px;
        height: 40px;
        background-color: hotpink;
        color: #fff;
        margin: 0 auto;
    }
</style>
<body>
    <div id="focus">
        <div class="name">西施</div>
        <button>点 名</button>
    </div>
    <script src="name.js"></script>
</body>

js部分

var arr = ["西施", "马超", "曜", "云中君", "瑶", "猪八戒", "嫦娥", "伽罗", "盾山", "裴擒虎"]
var btn = document.querySelector('button')
var uname = d

最低0.47元/天解锁文章

QAQTT

关注

2
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫