Bootstrap

javaScript+CSS+html【练习题】随机点名器

javaScript+CSS+html【练习题】随机点名器

题目

为了活跃班级气氛,在班级上张老师想通过一个随机点名器来随机抽取学员回答问题,故按排你来使用 HTML+JavaScript 来实现如下图所示的随机点名器,第一张图是随机点名器的初始页面,当点击开始按钮时,JS 程序中提前准备好人员(数组)名单会随机变换跳动显示,开始按钮变成了停止按钮,如第二张图显示,当点击停止按钮时,名字的随机变换跳动停止,显示出的名字即为随机点击出来的姓名,如第三张图所示。
在这里插入图片描述

代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>随机点名器</title>
    <style>
        div,button{
    margin:0px;padding:0px;}
        #interface{
    
            width: 400px;
            height: 300px;
            background-color: aqua;
            border-radius: 10%
;