如何用web编写一个随机点名页面,

用web编写一个随机点名页面代码,按住开始滚动人名名单,抽到这个人则提示某某同学请站起来回答问题,停止结束滚动名单,

img

像这样的界面,各位教教我。谢谢啦

把学生名单 存在集合里
设一个变量为0
点击开始的 变量为1 然后一个while循环 如果变量=1就一直遍历集合 点击停止 变量改为2

王六:你好,我是老六🤣🤣🤣


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>点名</title>
</head>

<body>
    <div class="box">
        <button onclick="end()">随机</button>
    </div>
    
</body>
<script>
    var str = ['张翼德','刘备','曹操','关羽','许褚','曹仁','孙权','诸葛亮','吕布','黄忠'];
    function end() {
        var num = randomNum(0,str.length-1);
        console.log(num);
        var studentName = str[num];
        alert(studentName+"请站起来回答问题!");
    }
    function randomNum(minNum,maxNum){
        switch(arguments.length){
            case 1:
                return parseInt(Math.random()*minNum+1,10);
                break;
            case 2:
                return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10);
                break;
            default:
                return 0;
                break;
        }
    }
</script>
</html>
滚动什么的自己解决。