点我生成双色球（js+jquery）

双色球的规则：

1. 红球6个，1-33中生成
2. 篮球一个，1-16中生成

思路：

[ 红色球：从1-33个数字中随机取出一个数，然后和已取出的其他数据进行比较，如果存在此数，则从新选取，不能重复]
[ 蓝色球：从1-16中随机取出一个数位蓝色球]

HTML代码

<div id="ball0"></div>
<div id="ball1"></div>
<div id="ball2"></div>
<div id="ball3"></div>
<div id="ball4"></div>
<div id="ball5"></div>
<div id="ball6"></div
<input type="button" id="click_me" value="点我生成双色球" />

JS代码

写JS代码的时候在<input type="button" id="click_me" value="点我生成双色球" />里面添加一个onclick="result();"，调用函数。

function result() {
            var reds = new Array(6); //1-33，红色球数组长度为6
            var blues = parseInt(Math.random() * 16 + 1);
            for (var i = 0; i < reds.length; i++) {
                var data = parseInt(Math.random() * 33 + 1);
                reds[i] = data; //将随机生成的数存进reds数组
                for (var j = 0; j < i; j++) {
                    if (data == reds[j]) {//如果生成的data跟之前已经生成过得相等，就i--，重新循环本次生成新data
                        i--;
                    }
                }
            }
            for (var i = 0; i < reds.length; i++) {
                document.getElementById('ball' + i).innerHTML = reds[i];
            }
            document.getElementById('ball6').innerHTML = blues;
        }

Jquery代码

导入jQuery的js文件。

$(function () {
            $("#click_me").click(function () {
                var redBalls = new Array(6);
                var blueBall = parseInt(Math.random() * 16 + 1);
                for (var i = 0; i < redBalls.length; i++) {
                    var data = parseInt(Math.random() * 33 + 1);
                    redBalls[i] = data;
                    for (var j = 0; j < i; j++) {
                        if (data == redBalls[j]) {
                            i--;
                        }
                    }
                }
                for (var i = 0; i < redBalls.length; i++) {
                    $("#ball" + i).text(redBalls[i]);
                }
                $("#ball6").text(blueBall);
            });
        });