模拟双色球随机数组

　<!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>

模拟双色球随机数组

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

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

模拟双色球随机数组

相关推荐