js实现随机点名

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

Pride°

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

阅读量2k

点赞数 16

分类专栏： JS 文章标签： JS 随机点名

本文链接：https://blog.youkuaiyun.com/weixin_45575599/article/details/102870139

版权

这篇博客详细介绍了如何利用JavaScript（JS）来实现课堂点名的随机选取功能。内容包括HTML代码结构的设计，CSS代码用于美化界面，以及核心的JS代码结构，通过编程逻辑确保点名的随机性。最后，提供了效果预览，展示实际运行时的点名效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML代码结构

<body>
    <div id="box">随机点名</div>
    <span id="span">开始</span>
</body>

CSS代码结构

<style>
    #box {
   
        width: 30%;
        height: 200px;
        background-color: rgb(233, 248, 214);
        border: 1px solid rgb(130, 216, 18);
        font-size: 40px;
        font-weight: 600;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 200px;
        text-align: center;
        margin: 25px auto;
        border-radius: 10px;
    }
    span {
   
        display: block;
        width: 30%

最低0.47元/天解锁文章