需求如下：

购彩金额  拆分票数

 <= 10    1票
<= 100    10票
<= 200   20票
<= 500   50票
<= 1000   100票

中奖金额=拆分后的单张票*赔率*票数

 
代码实现如下：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算奖金</title>
</head>
<body>
<p id="p1id">本局投注金额：</p>
<input type="text" id="tid" name="amount" >
<p id="p3id">赔率：</p>
<!--<input type="text" id="t1id"  >-->

<select  id="t1id"  name="">
  <option   value="14.29">---------------1---------------</option>
  <option   value="7.15">---------------2--------------</option>
  <option   value="4.29">----------------3---------------</option>
  <option   value="3.57">----------------4---------------</option>
  <option   value="3.57">----------------5---------------</option>
  <option   value="4.29">---------------6---------------</option>
  <option   value="7.15">---------------7--------------</option>
  <option   value="14.29">----------------8---------------</option>
  <option   value="42.88">---------------3*0--------------</option>
  <option   value="42.88">---------------3*1--------------</option>
  <option   value="42.88">---------------3*2--------------</option>
  <option   value="42.88">---------------3*3--------------</option>
</select>

<button id="btn">计算</button>

<p id="p2id">中奖金额：</p>
<input type="text" id="reid" name="prize">

<script>
  document.getElementById("btn").addEventListener("click",showPrize);

  function showPrize(){
    var a= document.getElementById("tid").value;
    var b;

    if(a<=10)
    {
      b=1;

    }else if((a>10)&&(a<=100))
  {
      b=10;
  }else if((a>100)&&(a<=200))
  {
   b=20;
  }else if((a>200)&&(a<=500))
    {
      b=50;
    }else if((a>500)&&(a<=1000))
    {
      b=100;
    }else
  {
    alert("不符合区间");
  }

    var c= a/b;

    var d=document.getElementById("t1id").value;

    var e=c*d;
    var f=Math.round(e*100)/100;
    var g=f*b;

    //document.getElementById("pid").innerHTML=g;

    document.getElementById("reid").value=g;
  }

</script>
</body>
</html>

第六天：用javascript实现购彩拆分票的计算奖金的更多相关文章

  1. 面向对象原生JavaScript案例炫彩小球

    面向对象其实对于初学者来说还是比较难以理解的,以前看到一个面试题目 面向对象是什么? 面向对象是一种思想,千万别入坑了: 这次给大家带来的是一个鼠标移动产生小球的案例,不是我不想给大家分享如何去认识面 ...

  2. Java与JavaScript 完美实现字符串拆分(利用数组存储）与合并的互逆操作

    Java: String typeStr = "1,2"; String[] typeArray = typeStr.split(","); typeStr = ...

  3. springboot 多模块 -- 将web拆分出去 - 流动计算架构

    前言: 之前将各层都拆分出去, 作为一个独立的可替换的子模块. 感觉比以前确实是灵活了一些. 不管是电商项目, 还是现在公司做的项目, 其中, 有很多的业务逻辑, 都是一样的, 但是由于不在一个系统中 ...

  4. Javascript你不知道的那些事！（数字计算篇-变态篇）无意中聊天发现的一些奇怪的事情

    javascript:alert(0.1 + 0.2) 如果看到这样一道题你会怎么思考了!大家肯定第一反应0.3,但是考虑到我已经这样问了!那么幼稚的答案我会专门写篇文章吗 然后人就开始折磨自己了会不 ...

  5. javascript：逆波兰式表示法计算表达式结果

    逆波兰式表示法,是由栈做基础的表达式,举个例子: 5 1 2 + 4 * + 3 -  等价于   5 + ((1 + 2) * 4) - 3 原理:依次将5 1 2 压入栈中, 这时遇到了运算符 + ...

  6. javascript之复习(css属性值的计算)

    js取div的宽高咋办,css有content-box,border-box,padding-box,表现又不一样.好在有个offsetWidth, <style type="text ...

  7. 字符拆分存入Map计算单词的个数

    ///计算从命令行输入单词的种类与个数//Map<key,Value>Key-->单词:Value-->数量

  8. TOP100summit：【分享实录-猫眼电影】业务纵横捭阖背后的技术拆分与融合

    王洋:猫眼电影商品业务线技术负责人.技术专家.主导了猫眼商品供应链和交易体系从0到1的建设,并在猫眼与美团拆分.与点评电影业务融合过程中,从技术层面保障了商品业务的平稳切换,同时也是美团点评<领 ...

  9. 【原创】C#玩高频数字彩快3的一点体会

    购彩风险非常高,本人纯属很久以前对数字高频彩的一点研究.目前已经远离数字彩,重点研究足球篮球比赛资料库和赛果预测. 这是一篇在草稿箱保存了1年多的文章,一直没发现,顺便修改修改分享给大家.以后会有更多 ...

随机推荐

  1. C++中调用Python脚本

    C++中调用Python脚本的意义就不讲了,至少你可以把它当成文本形式的动态链接库, 需要的时候还可以改一改,只要不改变接口, C++的程序一旦编译好了,再改就没那么方便了 先看Python的代码 代 ...

  2. 第十六章 综合实例——《跟我学Shiro》

    简单的实体关系图 简单数据字典 用户(sys_user) 名称 类型 长度 描述 id bigint 编号 主键 username varchar 100 用户名 password varchar 1 ...

  3. java并发编程_CountDownLanch（倒计数锁存器）应用场景

    使用介绍: 一个同步辅助类,在完成一组正在其他线程中执行的操作之前,它允许一个或多个线程一直等待. 用给定的计数 初始化 CountDownLatch.由于调用了 countDown() 方法,所以在 ...

  4. asp.net下拉列表绑定数据库多个字段

    select ID, CONVERT(varchar(10),TBName) +','+RoomName+ ',最大人数:'+CONVERT(varchar(10),MAXNum) as ClassR ...

  5. 编程范式 epesode2 negative values, float 精度

    episode2 //it is very interesting,an excellect teacher,  I love it 1,why negative is indicated the w ...

  6. SilverLight - Memory Leak

    There is a memory leak issue in current silverlight project. It occurs in the search function: the m ...

  7. Apache Spark-1.0.1集群搭建

    欢迎经验交流!本文Blog地址:http://www.cnblogs.com/fesh/p/3866791.html Apache Spark   a fast and general engine ...

  8. hdu 1757 A Simple Math Problem (乘法矩阵)

    A Simple Math Problem Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Ot ...

  9. JS打印页面

         打印 整个html页面(PS:样式要写在页面里面才能打印(就是用内部样式))             <a id="dayi" runat="server ...

  10. haploview出现"invalid affected status"的解决方法

    haploview弹出这种错误是因为haploview的缺失值默认为0,而plink文件的缺失值一般用"-9"表示,当ped文件的缺失值为"-9"时,haplo ...