Js简易大乐透

最新推荐文章于 2023-02-08 20:02:18 发布
最新推荐文章于 2023-02-08 20:02:18 发布
阅读量257 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49213465/article/details/119441503
版权

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>简易大乐透</title>

</head>

<span

    style="display: inline-block; width: 60px;height: 60px;background-color: aqua;border-radius: 50%;font-size: 36px;text-align: center;line-height: 60px;"></span>

<span

    style="display: inline-block; width: 60px;height: 60px;background-color: aqua;border-radius: 50%;font-size: 36px;text-align: center;line-height: 60px;"></span>

<span

    style="display: inline-block; width: 60px;height: 60px;background-color: aqua;border-radius: 50%;font-size: 36px;text-align: center;line-height: 60px;"></span>

<span

    style="display: inline-block; width: 60px;height: 60px;background-color: aqua;border-radius: 50%;font-size: 36px;text-align: center;line-height: 60px;"></span>

<span

    style="display: inline-block; width: 60px;height: 60px;background-color: aqua;border-radius: 50%;font-size: 36px;text-align: center;line-height: 60px;"></span>

<span

    style="display: inline-block; width: 60px;height: 60px;background-color: pink;border-radius: 50%;font-size: 36px;text-align: center;line-height: 60px;"></span>

<span

    style="display: inline-block; width: 60px;height: 60px;background-color: pink;border-radius: 50%;font-size: 36px;text-align: center;line-height: 60px;"></span>

<input type="button" value="开始" id="kaishi">

<input type="button" value="结束" id="jieshu">

<body>

    <script>

        // 获取点击按钮

        var bth = document.getElementsByTagName('input');

        console.log(bth[0]);

        console.log(bth[1]);

        // 开始命令

        bth[0].onclick = function () {

            d = setInterval(function () {

                var d = fun(1);

            }, 100)

        }

        // 结束命令

        bth[1].onclick = function () {

            clearInterval(d)

        }

        // 随机数字

        function fn(min, max) {

            return Math.floor(Math.random() * (max + 1 - min) + min)

        }

        // 循环选出数字

        function fun(n) {

            var suiji = [];

            var sp = document.getElementsByTagName('span');

            for (var k = 0; k < n; k++) {

                // 选出前五个

                for (var i = 0; i < 5; i++) {

                    var s = fn(1, 32);

                    // 数字去重

                    if (suiji.indexOf(s) == -1) {

                        suiji.push(s);

                    } else {

                        i--;

                    }

                    // 内容填入

                    sp[i].innerHTML = suiji[i];

                    // sp[0].innerHTML = fn(1, 32);

                    // sp[1].innerHTML = fn(1, 32);

                    // sp[2].innerHTML = fn(1, 32);

                    // sp[3].innerHTML = fn(1, 32);

                    // sp[4].innerHTML = fn(1, 32);

                }

                // 选出后两个

                for (var z = 5; z < 7; z++) {

                    var q = fn(1, 32);

                    if (suiji.indexOf(q) == -1) {

                        suiji.push(q);

                    } else {

                        z--;

                    }

                    // 内容填入

                    sp[z].innerHTML = suiji[z];

                }

            }

        }

    </script>

</body>

</html>

勿忘我志
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js彩票大乐透
Jxchen
02-20 2600
无标题文档 //随机函数 function rand(iMin,iMax) { return parseInt(Math.random()*(iMax-iMin))+iMin; } //把小于10的数前加0 function toDouble(num) { if(num<10) { return '0'+num; } else { return ''+num; }
php大乐透,JavaScript实现大乐透号码生成的实例分析
weixin_39582724的博客
03-19 653
这个“大乐透号码生成器”纯前端开发，涉及HTML、JS、CSS。为了简单起见，把所有代码写到了一个html文件中，这样的好处就是可以直接用浏览器打开这个文件，当然实际工作中最好把他们放在不同的文件。整个区域放在一个大的p标签中，表现为一个矩形区域，并通过JS控制显示的位置；设置一个下拉列表，可以选择生成1-5组随机号码，当点击按钮后，就能生成相应组数的号码；号码区域分两部分，上面部分是随机生成的无...
JavaScript大乐透算法
11-20
JavaScript利用排序、随机数、去重 的算法 适合JavaScript入门者学习
Javascript 机选大乐透
王玉宇的博客
02-08 596
【代码】Javascript 机选大乐透。
JavaScript 大乐透随机数
票票的博客
11-13 1550
用到的知识点包括 sort1，Math.random2，Math.round3。 下面是js实现代码 // 点击事件 function start() { var arr1 = newRandomNumbersWithNoRepeat(1, 35, 5); var arr2 = newRandomNumbersWithNoRepeat(1, 12, 2); arr1.sort(compare); arr2.sort(compare); document.getElementById("b
JS简易大转盘
09-30
简单是实用的JS抽奖代码，可编辑数字内容
js制作简易年历完整实例
10-24
主要介绍了js制作简易年历的方法,包括实现的思路以及js、css与html各个部分的实现技巧,需要的朋友可以参考下
html模拟体彩大乐透随机产生
06-10
这是做好的html页面，可以使用电脑浏览器，和手机浏览器打开，进行产生体彩大乐透随机数，目前对手机端做了适配，电脑端暂未适配，建议使用手机浏览器打开。
html+js实现简易计算器功能
04-22
简易计算器，利用html+js实现，通过浏览器客户端进行编译实现，弹出窗口，进行选择计算。
用JavaScript随机生成大乐透双色球
Yveda_csdn的博客
09-11 3048
var data = Array.from({length: 4}, _ => []) var num = [5,2,6,1];//分别对应大乐透的红,蓝;双色球的红,蓝开奖个数 var totalNum = [35,12,33,16];//分别对应大乐透的红,蓝;双色球的红,蓝总个数 for (var i = 0;i<data.length;i++) { for (var ...
HTML js写的双色球代码
02-29
使用html写的简单双色球代码，供初学者用，有按钮和文本框的简单应用
Java实现的超级大乐透抽号程序
09-22
用Java代码实现的超级大乐透抽号程序，希望给您带来好运，中500万大奖
用javascript写的一个随机产生双色球号码
11-18
无聊用javascript写了个随机产生双色球7个数字的号码 其中红色球不会重复，喜欢的可以下来看看，有意见的可以说说
原生 js 双色球 大乐透
ppfxdj的博客
06-30 753
原生js 实现见得的双色球 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> span{width:40px;height:40px;display:block;...
html中使用js实现体彩大乐透随机选号
在下令狐的博客
06-10 6293
体彩大乐透随机选号 页面预览： 代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>体彩大乐透随机选号</title> <script> function start() { var arr1 = newRandomNumbersWithNoRepeat(1, 35, 5);
js生成双色球号、大乐透号
qq_29352185的博客
11-15 315
<!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-...
JS计算排列组合结果个数（双色球，大乐透计算注数）
谁说学美术将来只能卖画了，我也有自己的梦想。
03-02 8316
采用计算结果的方式获取结果集合length 当结果集合过大，会有卡顿现象：Array.prototype.combinate = function(iItems, aIn) { if (!aIn) { var aIn = new Array(); this.combinate.aResult = new Array();
大乐透双色球生成代码
良_的博客
07-14 1486
大乐透双色球生成代码
用js实现大乐透随机选号
最新发布
04-03
以下是用JavaScript实现大乐透随机选号的示例代码： ```javascript // 生成1-35之间的随机整数 function getRandomNum35() { return Math.floor(Math.random() * 35 + 1); } // 生成1-12之间的随机整数 function getRandomNum12() { return Math.floor(Math.random() * 12 + 1); } // 生成一组大乐透号码 function generateLottoNumbers() { var redNumbers = []; var blueNumbers = []; // 生成红球号码 while (redNumbers.length < 5) { var num = getRandomNum35(); if (redNumbers.indexOf(num) === -1) { redNumbers.push(num); } } // 生成蓝球号码 while (blueNumbers.length < 2) { var num = getRandomNum12(); if (blueNumbers.indexOf(num) === -1) { blueNumbers.push(num); } } return { red: redNumbers, blue: blueNumbers }; } // 调用函数生成一组大乐透号码 var lottoNumbers = generateLottoNumbers(); console.log(lottoNumbers); ``` 该代码会生成一组随机的大乐透号码，其中红球号码由1-35中的任意五个不重复数字组成，蓝球号码由1-12中的任意两个不重复数字组成。可以通过调用`generateLottoNumbers()`函数来生成多组不同的号码，以供玩家参考。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值