前端 :用HTML ,JS写一个 双色球彩票中将机制,因为时间不够,加上本人懒没有用CSS美化界面,多包涵

1.HTML

<body><div id="content"><div id = "top"><div id = "username">用户号码:</div><div id = "qiu"><span id = "red">红球:</span><input id = "redqiu1"/><input id = "redqiu2"/><input id = "redqiu3"/><input id = "redqiu4"/><input id = "redqiu5"/><input id = "redqiu6"/><span id = "blue">蓝球:</span><input id = "blueqiu7"/></div></div><div id = "center"><div id = "zjname">中奖号码:</div><div id = "qiu1"><span id = "red1">红球:</span><div class="redqiu" id = "red01"></div><div class="redqiu" id = "red02"></div><div class="redqiu" id = "red03"></div><div class="redqiu" id = "red04"></div><div class="redqiu" id = "red05"></div><div class="redqiu" id = "red06"></div><span id = "blue01">蓝球:</span><div id = "blueqiu01"></div></div></div><div id = "bottom"><div id ="outcome">结果为:</div><div id="kai">开奖</div></div></div></body>

2.JS

<script type="text/javascript">var nums= [];var b = 0;var usernums = [];var o = [];var l = 1;// var zjnum =[];function isSave(nums,len,tag){for(var i = 0;i < len;i++){if(nums[i] == tag){return 1;}}return 0;}// function print( nums,len)// {//     for(int i = 0;i < len;i++)//     {//         cout << nums[i] << ",";//     }//     cout << endl;// }function zjnums(){for(var i = 0;i<7;i++){if(i != 6){var x = Math.random()*33+1;x = Math.floor(x);var t = isSave(nums,6,x);if(t){i--;continue;}else{// $("#redqiu").html(x);nums[i] = x;}}else{var y = Math.random()*16+1;y = Math.floor(y);// $("#blueqiu01").html(y);nums[6] = y;}$("#redqiu").html("机选的号码为"+ ":" + nums);}}function xz(s,w){if(w == 6){if(s<0 || s >16){$("#outcome").html("号码有误");return 0;}else{usernums[w] = s;return 1;}}else{if(s<0 || s > 33){$("#outcome").html("号码有误");return 0;}else{usernums[w] = s;return 1;}}}function getusernums(){o[0] = xz($("#redqiu1").val(),0);o[1] = xz($("#redqiu2").val(),1);o[2] = xz($("#redqiu3").val(),2);o[3] = xz($("#redqiu4").val(),3);o[4] = xz($("#redqiu5").val(),4);o[5] = xz($("#redqiu6").val(),5);o[6] = xz($("#blueqiu7").val(),6);}function timezjnum(){var x = Math.random()*33+1;x = Math.floor(x);var y = Math.random()*16+1;y = Math.floor(y);if(b<20){$("#red01").html(x);}else if(b ==20){$("#red01").html(nums[0]);}else if(b < 40){$("#red02").html(x);}else if(b == 40){$("#red02").html(nums[1])}else if(b<60){$("#red03").html(x);}else if(b == 60){$("#red03").html(nums[2])}else if(b<80){$("#red04").html(x);}else if(b == 80){$("#red04").html(nums[3])}else if(b<100){$("#red05").html(x);}else if(b == 100){$("#red05").html(nums[4])}else if(b<120){$("#red06").html(x);}else if(b == 120){$("#red06").html(nums[5])}else if(b<140){$("#blueqiu01").html(y);}else if(b == 140){$("#blueqiu01").html(nums[6])}else{b=0;clearInterval(id);zhong();console.log(nums);console.log(usernums);}b++;}function zhong(){var x = 0;for (var i = 0; i < 7; i++) {for(var j = 0;j<7;j++){if(nums[i] == usernums[j]){x++;$("#zjname").html(zjnums[i]);	}}}switch(x){case 3:$("#outcome").html("5元");break;case 4:$("#outcome").html("50元");break;case 5:$("#outcome").html("500元");break;case 6:$("#outcome").html("50000元");break;case 7:$("#outcome").html("20000000元");break;default:$("#outcome").html("谢谢惠顾");break;}}$("#kai").click(function(){nums= [];b = 0;usernums = [];o = [];l = 1;getusernums();for(var i = 0; i < 7; i++){if(o[i] == 0){l = 0;}	}if(l){id = setInterval(timezjnum,80);zjnums();}});</script>

效果展示:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/122346.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

面试准备中........

一、Linux 计算机网络相关&#xff1a; 1.OSI七层模型 应用层 &#xff1a;给用户提供操作界面 表示层&#xff1a;数据的表示&#xff1a;将字符转化为2进制或将2进制转化为字符。加密&#xff1a;对称加密和非对称加密&#xff0c;ssh协议。压缩&#xff1a;将文件压缩。…

JAVASE--继承

在面向对象编程中&#xff0c;继承是一种重要的概念&#xff0c;它允许一个类继承另一个类的特征和行为。在实现继承时&#xff0c;可以使用以下步骤&#xff1a; 1. 创建一个新的子类&#xff0c;它将继承父类的特征和行为。2. 在子类的定义中使用关键字“extends”来指定它的…

EtherNet/IP转profienrt协议网关连接EtherNet/IP协议的川崎机器人配置方法

EthernetIP 协议一般用于采集机器人&#xff0c;控制器等设备的数据。 下面介绍通过远创智控YC-EIPM-PN网关把EtherNet/IP协议的川崎机器人通过西门子1500PLC的控制方法。有些 EIP 的从站设备提供了 EDS 文件&#xff0c;可以从EDS 文件中获取点位信息。这些信息是需要填写到网…

时序预测 | Python实现ARIMA-LSTM差分自回归移动模型结合长短期记忆神经网络时间序列预测

时序预测 | Python实现ARIMA-LSTM差分自回归移动模型结合长短期记忆神经网络时间序列预测 目录 时序预测 | Python实现ARIMA-LSTM差分自回归移动模型结合长短期记忆神经网络时间序列预测预测效果基本介绍程序设计参考资料 预测效果 基本介绍 时序预测 | Python实现ARIMA-LSTM差…

高等数学前置知识——二次函数

文章目录 二次函数1.1 二次函数1.2 二次函数的图像1.2.1 a > 0 时1.2.2 a < 0 时1.2.3 二次函数的平移1.2.4 普通二次型函数图像总结 1.3 其他形式的二次函数1.3.1 顶点式1.3.2 交点式 1.4 二次函数与直线的交点 二次函数 1.1 二次函数 二次函数的定义&#xff1a;y a…

bbr 的 “最优操作点”

最近做一组测试&#xff0c;我复现了一组结果准备阐释另一个事。先看这个测试结果&#xff1a; 常规的一个 wrk2(expected_latency_timing 改为 actual_latency_timing 计数) 压 nginx 的测试&#xff0c;调整 -R 参数&#xff0c;Req/sec 同步增加&#xff0c;当 Req/sec 不…

在el-dialog中使用tinymce 点击工具栏下拉框被遮挡

在el-dialog中使用tinymce控件时&#xff0c;会出现点击工具栏下拉框出现在弹窗下一层&#xff0c;审查元素之后发现是tinymce的下拉框z-index优先级低于el-dialog的z-index导致的&#xff0c;所以需要增加tinymce的下拉框的z-index值。 通过审查元素得到&#xff0c;需要修改t…

数据结构与算法之LRU: 实现 LRU 缓存算法功能 (Javascript版)

关于LRU缓存 LRU - Lease Recently Used 最近使用 如果内存优先&#xff0c;只缓存最近使用的&#xff0c;删除 ‘沉睡’ 数据 核心 api: get set 分析 使用哈希表来实现, O(1)必须是有序的&#xff0c;常用放在前面&#xff0c;沉睡放在后面, 即&#xff1a;有序&#xff0…

nodejs+vue全国公考岗位及报考人数分析

传统的搜索引擎尽管解决了信息搜索问题&#xff0c;但无法进行有效的数据分析和优质资源的获取。并且&#xff0c;人们的需求不同&#xff0c;数据的要求也不同。为了解决这一问题&#xff0c;定向抓取数据的爬虫诞生了。它的诞生把人们从重复性的劳动中解放出来&#xff0c;节…

scratch绘制彩虹灯柱 2023年9月中国电子学会图形化编程 少儿编程 scratch编程等级考试三级真题和答案解析

目录 scratch绘制彩虹灯柱 一、题目要求 1、准备工作 2、功能实现 二、案例分析

use renv with this project create a git repository

目录 1-create a git repository 2-Use renv with this project 今天在使用Rstudio过程中&#xff0c;发现有下面两个新选项&#xff08;1&#xff09;create a git repository (2) Use renv with this project. 选中这两个选项后&#xff0c;创建新项目&#xff0c;在项目目…

在DOS或Windows环境中,使用工具Debug

进行调试&#xff08;debugging&#xff09;汇编代码需要使用汇编调试器。在DOS或Windows环境中&#xff0c;你可以使用工具如Turbo Debugger或Debug。下面是一般的步骤来在DOS/Windows下使用Debug工具调试汇编代码&#xff1a; 打开命令提示符&#xff08;Command Prompt&…

【开源】基于SpringBoot的车险自助理赔系统的设计和实现

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 数据中心模块2.2 角色管理模块2.3 车辆档案模块2.4 车辆理赔模块2.5 理赔照片模块 三、系统设计3.1 用例设计3.2 数据库设计3.2.1 角色表3.2.2 车辆表3.2.3 理赔表3.2.4 理赔照片表 四、系统展示五、核心代码5.1 查询车…

线扫相机DALSA--采集卡Base模式设置

采集卡默认加载“1 X Full Camera Link”固件&#xff0c;Base模式首先要将固件更新为“2 X Base Camera Link”。 右键SCI图标&#xff0c;选择“打开文件所在的位置”&#xff0c;找到并打开SciDalsaConfig的Demo&#xff0c;如上图所示&#xff1a; 左键单击“获取相机”&a…

SOLIDWORKS参数化设计之格式转换 慧德敏学

现在越来越多的企业开始进行模型的参数化设计规范&#xff0c;不管是使用SOLIDWORKS自带的方程式&#xff0c;还是使用SOLIDWORKS参数化设计插件&#xff0c;参数化的过程其实已经很透明了&#xff0c;都大同小异。 我们之前介绍过SolidKits.AutoWorks软件&#xff0c;可以很方…

【微服务开篇-RestTemplate服务调用、Eureka注册中心、Nacos注册中心】

本篇用到的资料&#xff1a;https://gitee.com/Allengan/cloud-demo.githttps://gitee.com/Allengan/cloud-demo.git 目录 1.认识微服务 1.1.单体架构 1.2.分布式架构 1.3.微服务 1.4.SpringCloud 1.5.总结 2.服务拆分和远程调用 2.1.服务拆分原则 2.2.服务拆分示例 …

Python---正则表达式

正则表达式&#xff1a;使用re模块,基于re模块中的三个基础方法来做正则匹配,分别是:match, search, findall​​​​​​​ 当字符串以r前缀开始时&#xff0c;Python将不会对字符串中的转义字符进行转义处理 re.match(匹配规则,被匹配字符串) 从被匹配字符串开头进行匹配,匹…

基于Eigen的椭圆拟合

原理就是根据数据构建求解方程组,分析其系数矩阵的性质进行求解。 1 案例演示 Eigen::Vector2d ellipseFitting2D(const PCLPointCloud::Ptr points) {Eigen::Matrix<double, Eigen::Dynamic, 3, Eigen::RowMajor> D1(points->points.size(), 3);Eigen::Matrix<d…

uni-app集成uni-simple-router,报错:Uncaught ReferenceError: ROUTES is not defined

参考连接&#xff1a;GitHub - SilurianYang/uni-read-pages: read pages.json file to generate the routes table 作用&#xff1a;配置 vue.config.js 通过 webpack注入全局变量 问题&#xff1a;缺少Webpack 配置环境 方法&#xff1a; 项目根目录下打开终端&#xff0c;…

如何使用python快速修改Excel表单中的大量数据

python修改Excel中的内容进阶加速版 前面有一篇文章讲到了使用python处理Excel中的数据文件&#xff0c;即修改Excel中的数据&#xff0c;但是那个版本的代码跑点小规模、小数据量的excel还行&#xff0c;一旦数据量达到万条级别&#xff0c;代码运行会非常慢&#xff01;因此&…