1.最终效果

2.需求分析

1）从1-33号码中随机选择六位作为红球，不能重复。

2）从1-16号码中随机选择一位作为蓝球。

3）将以上号码分别呈现在html页面。

3.代码实现

<html>
    <head>
        <title>机选双色球号码</title>
        <meta charset="utf8"/>
    </head>
    <script>
        function redblue(){
            var s='';
            var sun=red();//调用自定义red()函数生成红球
            //遍历红球数组
            for(var j=0;j<sun.length;j++){
                if(j==5){
                    s=s+sun[j];
                }else{
                    s=s+sun[j]+',';
                }
            }
           document.getElementById('r').innerHTML=s;//改变html id=r标签元素值
           document.getElementById('b').innerHTML=Math.ceil(Math.random()*16);//从1-16生成随机数，改变html id=b标签元素值
        }
        //生成红球函数
        function red(){
            var tmp;//保存临时随机数
            var i=0;
            var redarr=new Array();//定义数组存储红球
            while(i<6){
                tmp=Math.ceil(Math.random()*33);//随机生成1-33临时存到tmp
                for(var m=0;m<redarr.length;m++){
                    if(redarr[m]==tmp){//检查是否有生蚝，有则重新生成
                        tmp=Math.ceil(Math.random()*33);
                        m=0;
                    }
                 }
                redarr[i]=tmp;//随机数存到数组
                i++;
                }
                return redarr;//返回数组
            }
    </script>
    <body>
        <h2 style="color: red;">红球</h2>
        <textarea id="r" style="color: red;"></textarea><br/>
        <h2 style="color: blue;">蓝球</h2>
        <textarea id="b" style="color: blue;"></textarea><br/>
        <button onclick="redblue()">生成投注</button><!--点击按钮调用js函数-->
    </body>
</html>

更多推荐

Javascript 随机生成双色球投注