JavaScript不重复随机点名器

功能要求

  1. 使用原生js实现一个简单随机点名器
  2. 点击开始按钮随机出现学生的名字且把学生的名字显示在页面上
  3. 已被选中的学生名字要排除后再继续后面的随机抽取
  4. 点击暂停后学生的名字显示在页面上,且在下面记录每一个被抽取出来学生的名字

效果图

1583579288(1).jpg

以下是主要代码实现:

if (isStrat) {
  timer = setInterval(function () {
    var num = parseInt(Math.random() * nameArr.length);
    text.value = nameArr[num];
  }, 30)
} else {
  clearInterval(timer);

可以指定某人被选中的代码实现:

var flag = nameArr.includes("猫_叔");
  if (flag) {
    text.value = "猫_叔";
  }

以下是全部代码:





  
  
  随机点名
  



  

    总结

    代码还需优化

    以上所有如有bug,请及时告知,你我共同进步,谢谢~

    你可能感兴趣的:(JavaScript不重复随机点名器)