html点名系统、可在手机上运行(可自己更改)

最新推荐文章于 2024-04-22 15:32:24 发布

李木子kk

最新推荐文章于 2024-04-22 15:32:24 发布

阅读量2.7k

点赞数 2

文章标签：开发语言 javascript 前端

本文链接：https://blog.csdn.net/keelel/article/details/124144294

版权

这是一个可以在手机上运行的HTML点名系统，用户只需在var stuArray中修改内容即可调整点名名单。系统提供三个按钮，分别用于选择一个、两个或三个学生进行点名操作。

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

只需要在 var stuArray 中更改内容

运行效果

第一个按钮选一个
第二个按钮选二个
第三个按钮选三个

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>今天吃什么？</title>
    </head>
<body id="body1">
    <div class="container">
        <section class="demo">
            <ul>
                <div></div>
                <li></li>
                <li></li>
                <li></li>
                <div></div>
            </ul>
        </section>
        <section class="students">
            <ul></ul>
        </section>
        <section class="buttonList">
            <ul>
                <li><button type="button">Let's GO</button></li>
                <li><button type="button">Let's GO</button></li>
                <li><button type="button">Let's GO</button></li>
            </ul>
        </section>
    </div>
</body>

<script type="text/javascript">
    var stuArray = ["麻辣烫", "大盘鸡拌面", "骨汤面", "鸭血粉丝汤", "热干面", "嗦粉",
     "热干面", "香辣鸡丁拌面", "冒菜", "汉堡", "可乐鸡", "选菜", "大米套餐", "酸汤面", "椒麻香菇拌面", "混沌&#

最低0.47元/天解锁文章

李木子kk

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
4
评论
html点名系统、可在手机上运行(可自己更改)

只需要在 var stuArray 中更改内容运行效果第一个按钮选一个第二个按钮选二个第三个按钮选三个<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="
复制链接

扫一扫