Javascript 随机生成双色球投注

最新推荐文章于 2023-11-05 20:57:03 发布

原创最新推荐文章于 2023-11-05 20:57:03 发布 · 2.7k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #网络 #开发语言 #css

本文介绍了一个简单的网页应用，该应用使用JavaScript生成随机的双色球彩票号码，并将其显示在HTML页面上。具体功能包括从1-33中随机选取六个不重复的红球号码，以及从1-16中选取一个蓝球号码。

ps：业余入门娱乐代码！

1.最终效果

2.需求分析

3.代码实现

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>