用javascript实现随机点名的效果

第一步:一个基础的框架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>
<body>
    
</body>
</html>

第二步:编写js代码(先定义一个函数)

<script>
         function number() {
            
            
        }
       
    </script>

第三步:定义一数组

       <script>
         function number() {
            
        }
        var arr=['1','2','3','4','5','6','7','8','9','10','11','12','13','14',
        '15','16','17','18','19','20','21','22','23','24','25','26'];
      
    </script>

第四步:添加一个return 加上向下取整和随机数

 <script>
         function number(max,min) {
             return Math.floor(Math.random()*(max-min+1)+min)
            
        }
        var arr=['1','2','3','4','5','6','7','8','9','10','11','12','13','14',
        '15','16','17','18','19','20','21','22','23','24','25','26'];
       var res= number(arr.length-1,0);
       document.write(arr[res]);
    </script>

第五步:全部代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>//随机点名
         function number(max,min) {
             return Math.floor(Math.random()*(max-min+1)+min)
            
        }
        var arr=['1','2','3','4','5','6','7','8','9','10','11','12','13','14',
        '15','16','17','18','19','20','21','22','23','24','25','26'];
       var res= number(arr.length-1,0);
       document.write(arr[res]);
    </script>
</head>
<body>
    
</body>
</html>


版权声明:本文为tea_tea_原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。