js 实现课堂点名

最新推荐文章于 2021-06-10 14:57:07 发布

迷路大叔

最新推荐文章于 2021-06-10 14:57:07 发布

阅读量1.5k

点赞数 6

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_43132005/article/details/90384352

上机课老师点名（就是抽奖），js 实现

偷懒直接粘代码，实现效果贴张静态图吧（哈哈，我的学生都是美女）
在这里插入图片描述

html

<!-- 上机课老师点击选择按钮，从学生座位表中抽取一名同学 -->
<div class="container" id="room">
  <div class="cell">邱淑贞</div>
</div>
<div class="btn">
  <button onclick="doClick()">点名</button>
</div>

js 实现

var students = 
  [
     '赵丽颖', '刘亦菲', '鞠婧祎', '孙俪', '宋晓英', 
     '赵静怡', '岳红', '潘虹', '沈丹萍', '张凯丽',
     '周彦宏', '刘丹', '傅艺伟', '苏瑾', '李玲玉',
     '龚雪', '韦唯', '刘怡君', '陈冲', '胡静',
     '白灵', '焦