JS实现随机点名

氢生锈了

于 2023-01-14 16:59:29 发布

阅读量636

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_73842669/article/details/128686660

版权

该文章展示了如何使用JavaScript生成随机数来模拟点名过程，通过HTML创建按钮触发JS函数。当点击开始按钮时，JS会生成一个1-40之间的随机数，并将其转换为对应的人名（如01-a,02-b等）。结束按钮则根据生成的随机数显示被点名者的名字。

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

JS实现随机点名

制作一个四十人的点名表
原理：生成随机数，并根据随机数进行匹配
- HTML框架：
- JS样式：

制作一个四十人的点名表

原理：生成随机数，并根据随机数进行匹配

HTML框架：

    <button style="position: relative;left: 30%;top: 100px;margin-left:-70px ; margin-right: 100px; width: 300px;height: 200px;font-size: 90px;" onclick="btn1()">开始</button>
    <button style="position: relative;left: 30%;top: 100px; margin-right: 100px; width: 300px;height: 200px;font-size: 90px;" onclick="btn2()" >结束</button>

这里直接给按钮标签设置了style样式，同时设置了onclick="btn()"以对接JS样式

JS样式：

        var m                                 // 定义中间量m
        function btn1(){
        var cj = Math.floor(Math.random()*100)//随机生成一些一百以内的数字
        while(cj >= 40){cj = Math.floor(Math.random()*100)}//while循环，让所有随机生成的数在40以内
        if(cj<10){cj="0"+cj}                //将小于10的变量的值前加0，例如将1变成01，方面下面使用
        console.log(cj)
        m = cj                              //将函数的结果赋值给中间量，传到下面一布操作 
    }

    function btn2(){
        if(m==01){document.write("01-a")}        //当m的值为几时，通过if条件语句打印出对应的值
        else if(m==02){document.write("02-b")}   //这里以01-a为例，01代表工号，a代表姓名
        else if(m==03){document.write("03-c")}
        else if(m==04){document.write("04-d")}
        else if(m==05){document.write("05-e")}
        else if(m==06){document.write("06-f")}
        else if(m==07){document.write("07-g")}
        else if(m==08){document.write("08-h")}
        else if(m==09){document.write("09-i")}
        else if(m==10){document.write("10-j")}
        else if(m==11){document.write("11-k")}
        else if(m==12){document.write("12-l")}
        else if(m==13){document.write("13-m")}
        else if(m==14){document.write("14-n")}
        else if(m==15){document.write("15-o")}
        else if(m==16){document.write("16-p")}
        else if(m==17){document.write("17-q")}
        else if(m==18){document.write("18-r")}
        else if(m==19){document.write("19-s")}
        else if(m==20){document.write("20-t")}
        else if(m==21){document.write("21-u")}
        else if(m==22){document.write("22-v")}
        else if(m==23){document.write("23-w")}
        else if(m==24){document.write("24-x")}
        else if(m==25){document.write("25-y")}
        else if(m==26){document.write("26-z")}
        else if(m==27){document.write("27-A")}
        else if(m==28){document.write("28-B")}
        else if(m==29){document.write("29-C")}
        else if(m==30){document.write("30-D")}
        else if(m==31){document.write("31-E")}
        else if(m==32){document.write("32-F")}
        else if(m==33){document.write("33-G")}
        else if(m==34){document.write("34-H")}
        else if(m==35){document.write("35-I")}
        else if(m==36){document.write("36-J")}
        else if(m==37){document.write("37-K")}
        else if(m==38){document.write("38-L")}
        else if(m==39){document.write("39-M")}
        else if(m==40){document.write("40-N")}

    }