js写的体彩足球预测分析
最近室友在玩世界杯的预测，我顺手写点分析；下面直接给出代码，很简单的，拷贝代码直接存为html文件就可以了。---------mq0036
说明下：需要你自己去找个Jquery引用到当前页面就可以了
<html>
<head> <script src="jquery-1.4.2.min.js"></script> <script> function js()
{
//$("tr").children("td")[3].css("background-color","red");
//$("#td1").css("background-color","#516831"); var a=b=c=0; a=$("#z").val();
b=$("#k").val();
c=$("#r").val(); $("#rqs").html(c); if(a>b)setcolor("td1");
if(a==b)setcolor("td2");
if(a<b)setcolor("td3"); if(a+c>b)setcolor("rtd1");
if(a+c==b)setcolor("rtd2");
if(a+c<b)setcolor("rtd3");
} function setcolor(id){
$("#"+id).css("background-color","#516831");
} $("#b1").hide(); function zh(){
var str="",str2="";
var a1=0,a2=0,b1=0,b2=0,c=0; a1=$("#z1").val();
a2=$("#z2").val();
b1=$("#k1").val();
b2=$("#k2").val();
c=$("#r").val(); $("#chk").html("");
$("#chk").append('胜<input type=checkbox value=s checked=checked onclick="chk()" /> 负<input checked=checked type=checkbox value=f onclick="chk()"/> 平<input checked=checked type=checkbox value=p onclick="chk()" />');
$("#chk").append(" ");
$("#chk").append(" ");
$("#chk").append(" ");
$("#chk").append(" "); var spf;
for(i=a1;i<=a2;i++){
for(j=b1;j<=b2;j++){ if((1*i)>j)spf="s";
if((1*i)==j)spf="p";
if((1*i)<j)spf="f"; str += "<tr class='"+spf+"'><td>"+i+" </td><td>"+j+" </td>";
if(i>j){str += "<td style='background-color:#516831;'> </td>"}else{str += "<td> </td>";}
if(i==j){str += "<td style='background-color:#516831;'> </td>"}else{str += "<td> </td>";}
if(i<j){str += "<td style='background-color:#516831;'> </td>"}else{str += "<td> </td>";}
str += "<td> "+c+"</td>"; //alert("i="+i+" j="+j+","+(1*i+c*1)+"\n(i+c)>j :" +((i+c)>j));
if((1*i+c*1)>j){str += "<td style='background-color:#516831;'> </td>"}else{str += "<td> </td>";}
if((1*i+c*1)==j){str += "<td style='background-color:#516831;'> </td>"}else{str += "<td> </td>";}
if((1*i+c*1)<j){str += "<td style='background-color:#516831;'> </td>"}else{str += "<td> </td>";}
str+="</tr>"; str2 += "<tr id='1_"+i+j+"' class='"+spf+"2'><td rowspan='2'>"+i+" </td><td rowspan='2'>"+j+" </td><td>0</td>";
if(i>j){str2 += "<td style='background-color:#516831;'> </td>"}else{str2 += "<td> </td>";}
if(i==j){str2 += "<td style='background-color:#516831;'> </td>"}else{str2 += "<td> </td>";}
if(i<j){str2 += "<td style='background-color:#516831;'> </td>"}else{str2 += "<td> </td>";}
str2 += "</tr><tr id='2_"+i+j+"' class='"+spf+"2'>";
str2 += "<td> "+c+"</td>";
if((1*i+c*1)>j){str2 += "<td style='background-color:#516831;'> </td>"}else{str2 += "<td> </td>";}
if((1*i+c*1)==j){str2 += "<td style='background-color:#516831;'> </td>"}else{str2 += "<td> </td>";}
if((1*i+c*1)<j){str2 += "<td style='background-color:#516831;'> </td>"}else{str2 += "<td> </td>";}
str2+="</tr>"; $("#chk").append(i+":"+j+"<input id="+i+j+" type=checkbox i="+i+" j="+j+" checked onclick='chk()' /> ");
}
} $("#pp1").html("");
$("#pp2").html("");
$("#pp1").append(str);
$("#pp2").append(str2); $('input[type="checkbox"]:checked').each(
function() {
$(this).attr("checked","true");
}
);
} function chk()
{
$(".s").hide();
$(".p").hide();
$(".f").hide(); $(".s2").hide();
$(".p2").hide();
$(".f2").hide(); //$("#s3").hide();
//$("#p3").hide();
//$("#f3").hide(); //$(".sh").hide(); $('input[type="checkbox"]:checked').each(
function() {
$("."+$(this).val()).show();
//alert($(this).attr("i")+$(this).attr("i"));
//alert($(this).attr("id"));
//$("."+$(this).val()+"2").show();
$("#1_"+$(this).attr("i")+$(this).attr("j")).show();
$("#2_"+$(this).attr("i")+$(this).attr("j")).show();
}
);
} </script> </head>
<body>
主队：<input id='z' type=text /> 客队：<input id='k' type=text />
让球：<input id='r' type=text value="-1" /> <button id='b1' style="display:none" onclick="js();">计算</button>
<br />
主队：从<input id='z1' type=text style="width:40px" value="0" /> 到 <input id='z2' value="2" type=text style="width:40px" >
客队：从<input id='k1' type=text style="width:40px" value="0"/> 到 <input id='k2' value="2" type=text style="width:40px" >
<button id='b1' onclick="zh();">计算所有组合</button>
<button id='b1' onclick="alert($('#sc').html());">计算所有组合</button>
<br /><br />
<div id='chk'>
胜<input type=checkbox value=s onclick="chk()" />
负<input type=checkbox value=f onclick="chk()"/>
平<input type=checkbox value=p onclick="chk()" />
</div>
<br /> <table id='tab'>
<tr>
<th class="fs16 br0" colspan="2">对阵</th>
<th class="fs16 br0" colspan="3">胜平负</th>
<th class="fs16" colspan="4">让球胜平负</th>
</tr>
<tr>
<th class="t1 bt0">主队</th>
<th class="t1 br0 bt0">客队</th>
<th class="t3 br1 bt0">主胜</th>
<th class="t3 br1 bt0">平局</th>
<th class="t3 br0 bt0">主负</th>
<th class="t3 br1 bt0 concede">让球</th>
<th class="t3 br1 bt0">主胜</th>
<th class="t3 br1 bt0">平局</th>
<th class="t3 br0 bt0">主负</th>
</tr>
<tbody id="pp1">
<tr>
<td>主队</td>
<td>客队</td>
<td id=td1> </td>
<td id=td2> </td>
<td id=td3> </td>
<td id=rqs> </td>
<td id=rtd1> </td>
<td id=rtd2> </td>
<td id=rtd3> </td>
</tr>
</tbody>
</table> <br /><br /> <table id='tab2' style="width:300px;left:450px;">
<tr>
<th class="fs16 br0" colspan="2">对阵</th>
<th class="fs16" colspan="4">让球胜平负</th>
</tr>
<tr>
<th class="t1 bt0">主队</th>
<th class="t1 br0">客队</th>
<th class="t3 br1 bt0 concede">让球</th>
<th class="t3 br1 bt0">主胜</th>
<th class="t3 br1 bt0">平局</th>
<th class="t3 br0 bt0">主负</th>
</tr>
<tbody id="pp2">
<tr class=sh>
<td rowspan="2">主队</td>
<td rowspan="2">客队</td>
<td id=td1> </td>
<td id=td2> </td>
<td id=td3> </td>
<td id=td3> </td>
</tr>
<tr class=sh>
<td id=rqs> </td>
<td id=rtd1> </td>
<td id=rtd2> </td>
<td id=rtd3> </td>
</tr>
</tbody>
</table> </body>
</html> <style> table
{ border-width:1px;
border-color:#f00;
border-style:solid;
text-align:center;
font-Size:12px;
width:400px;
position: absolute;
top:110px;
}
th{
border-width:thin;
border-color:#f00;
border-style:solid;
height:25px;
} td
{ border-width:1px;
border-color:#f00;
border-style:solid;
text-align:center;
font-Size:12px;
} </style>
js写的体彩足球预测分析的更多相关文章
- Python中利用LSTM模型进行时间序列预测分析
时间序列模型 时间序列预测分析就是利用过去一段时间内某事件时间的特征来预测未来一段时间内该事件的特征.这是一类相对比较复杂的预测建模问题,和回归分析模型的预测不同,时间序列模型是依赖于事件发生的先后顺 ...
- 用Node.js写爬虫，撸羞羞的图片
说到爬虫,很多人都认为是很高大上的东西.哇塞,是不是可以爬妹纸图啊,是不是可以爬小片片啊.答案就是对的.爬虫可以完成这些东西的操作.但是,作为一个正直的程序员,我们要在法律允许范围内用爬虫来为我们服务 ...
- FIRST集合、FOLLOW集合、SELECT集合以及预测分析表地构造
FIRST集合.FOLLOW集合.SELECT集合以及预测分析表地构造 FIRST集合的简单理解就是推导出的字符串的开头终结符的集合. FOLLOW集合简单的理解就对于非终结符后面接的第一个终结符. ...
- 前端与编译原理——用JS写一个JS解释器
说起编译原理,印象往往只停留在本科时那些枯燥的课程和晦涩的概念.作为前端开发者,编译原理似乎离我们很远,对它的理解很可能仅仅局限于"抽象语法树(AST)".但这仅仅是个开头而已.编 ...
- 病毒木马查杀实战第025篇：JS下载者脚本木马的分析与防御
前言 这次我与大家分享的是我所总结的关于JS下载者脚本木马的分析与防御技术.之所以要选择这样的一个题目,是因为在日常的病毒分析工作中,每天都会遇到这类病毒样本,少则几个,多则几十个(当然了,更多的样本 ...
- Node.js写文件的三种方法
Node.js写文件的三种方式: 1.通过管道流写文件 采用管道传输二进制流,可以实现自动管理流,可写流不必当心可读流流的过快而崩溃,适合大小文件传输(推荐) var readStream = fs. ...
- 用JS写了一个打字游戏，反正我是通不了关
今天想写个简单的游戏, 打字游戏好像都没写过, 那么就写打字游戏吧, gamePad包含了关卡的信息, 可以用来调整给个关卡字符下落的速度: getRandom函数会返回一个字符对象, 这个对象包含了 ...
- JS写小游戏（一）：游戏框架
前言 前一阵发现一个不错的网站,都是一些用html5+css+js写的小游戏,于是打算学习一番,写下这个系列博客主要是为了加深理解,当然也有一些个人感悟,如果英文好可以直接Click Here. 概述 ...
- 去它的h5，我还是用js写原生跨平台app吧
智能手机功能越来越强大,已经在逐渐替代电脑的作用.百度.腾讯.阿里的移动端日活数也在逐步的赶上甚至超越电脑端用户.叫喊着“mobile first”的公司越来越多,App开发者应运而生,且队伍日趋庞大 ...
随机推荐
- 21.线程池ThreadPoolExecutor实现原理
1. 为什么要使用线程池 在实际使用中,线程是很占用系统资源的,如果对线程管理不善很容易导致系统问题.因此,在大多数并发框架中都会使用线程池来管理线程,使用线程池管理线程主要有如下好处: 降低资源消耗 ...
- UVA-10537 The Toll! Revisited （dijkstra）
题目大意:每经过一个地方就要交出相应的货物作为过路费,问将一批货物从起点运到终点,最少需要携带多少货物? 题目分析:在每一站交的过路费由当前拥有的货物量来决定,所以,要以终点为源点,求一次单源最短路即 ...
- asp.net服务器上无法发送邮件的问题
前几天为开发的网站做了个发送邮件的功能,但是部署到服务器上无法发送邮件,提示由于目标机器积极拒绝,无法连接.在网上找到了一个解决办法 如果安装了McAfee杀毒软件(按照“手工安装方法”安装),首先需 ...
- Ansible 开发调试 之【pycharm远程调试】
介绍 PyCharm是一种Python IDE,带有一整套可以帮助用户在使用Python语言开发时提高其效率的工具,比如调试.语法高亮.Project管理.代码跳转.智能提示.自动完成.单元测试.版本 ...
- 网络编程之socketserver初识
网络编程之socketserver初识 Server #!/usr/bin/env python # @Author : "Wjl" # @Date : 2017/12/22 # ...
- vue.js 源代码学习笔记 ----- 工具方法 debug
import config from '../config' import { noop } from 'shared/util' let warn = noop let tip = noop let ...
- c# JScriptProvider包装
using System; using System.CodeDom.Compiler; using System.Reflection; using System.Web.UI; using Mic ...
- Xcode Server （Xcode9）搭建CI
Xcode 9将Xcode Server集成进来了,这是Xcode一个新特性,不用去单独下载server了,server可以用来做CI.自动化Test等等.这里主要介绍搭建CI,相当简单 打开开关,新 ...
- == 和 equals 的用法
在java中,boolean.byte.short.int.long.char.float.double这八种是基本数据类型,其余都是引用类型. “==”是比较两个变量的值是否相等, “equals” ...
- web前端开发中的命名规范
(一)主体 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中: ...