模拟双色球随机数组

喜欢ヅ旅行 2023-06-05 08:12 159阅读 0赞

<!DOCTYPE html>

<html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    
    <body>
        <button class="btn">click me</button>
        <div class="wrap"></div>
        <script>
            var wrap = document.querySelector('.wrap');
            var btn = document.querySelector('.btn');
            // 需求；点击按钮出现一个七位数的数组，模拟双色球的数据，1-6位是1-33，最后一位1-16
            // 封装随机数函数
            function rn(a, b) {
                return Math.round(Math.random() * (b - a) + a);
            }
            // 封装产生数组的函数
            function show() {
                // 空数组承接
                var arr = [];
                // 六位数
                for (var i = 0; i < 6; i++) {
                    // 随机1-33
                    var s = rn(1, 33);
                    // 去重
                    // 如果随机产生的数字在数组中不存在，push
                    if (arr.indexOf(s) == -1) {
                        arr.push(s);
                    } 
                }
                // 最后一位push进数组
                var num = rn(1, 16);
                arr.push(num);
                return arr;
            }
    
            // 按钮绑定点击事件，点击时把wrap的内容替换为生成的数组
            // += 是防止新产生的数组覆盖旧的
            btn.onclick = function () {
                wrap.innerHTML += show() + '<br>';
            }
        </script>
    </body>
    
    </html>

![1645790-20190928102042430-294552419.png][]

样式懒得写~~~~毕竟主要是练逻辑

文章地址  https://www.cnblogs.com/sandraryan/

转载于:https://www.cnblogs.com/sandraryan/p/11601872.html

[1645790-20190928102042430-294552419.png]: /images/20230601/9a514aa4847a4bf9a318f358a0b7b012.png