需求如下：

购彩金额  拆分票数

 <= 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. 通过案例对 spark streaming 透彻理解三板斧之三：spark streaming运行机制与架构

    本期内容: 1. Spark Streaming Job架构与运行机制 2. Spark Streaming 容错架构与运行机制 事实上时间是不存在的,是由人的感官系统感觉时间的存在而已,是一种虚幻的 ...

  2. go中方法的接收者是值或者指针的区别

    值类型的变量和指针类型的变量 先声明一个结构体: type T struct { Name string } func (t T) M1() { t.Name = "name1" ...

  3. JS 計算文本域還能輸入多少個字符

    //輸入計數 //count:能輸入的數據總量    function Calculation(v, count) {        var span = $(v).next();        va ...

  4. mysql之触发器入门

    触发器语法: CREATE TRIGGER <触发器名称>  --触发器必须有名字,最多64个字符,可能后面会附有分隔符.它和MySQL中其他对象的命名方式基本相象.{ BEFORE |  ...

  5. MySQL把多个字段合并成一条记录的方法

    转:http://www.111cn.net/database/mysql/71591.htm MySQL把多个字段合并成一条记录的方法 在mysql中字段合并可以使用很多函数来实现,如可以利用 GR ...

  6. Cadence16.6安装破解

    1.软件安装 1.运行stepup.exe.出现下面界面后开始安装License manager和project installation. 注意:只安装第一项License manager和第二项p ...

  7. linux 无法解压过大文件解决

    [root@vmbbak yum]# unzip RHEL_5.7\ x86_64\ DVD-1.zip error: Zip file too big (greater than 429495910 ...

  8. android 编译错误 com/android/dx/command/dexer/Main : Unsupported major.minor version 52.0

    解决方案一: JDK版本不一致造成的,指的是高版本的JDK编译的class不能放在低版本的JDK上运行. 如果是Version 52,就表示JDK8编译的class不能运行在JDK7上,所以需要在本地 ...

  9. plupload简易应用 多图片上传显示预览以及删除

    <script> var uploader = new plupload.Uploader({ //实例化一个plupload上传对象 browse_button: 'btnBrowse' ...

  10. Java核心知识点学习----多线程 倒计时记数器CountDownLatch和数据交换的Exchanger

    本文将要介绍的内容都是Java5中的新特性,一个是倒计时记数器---CountDownLatch,另一个是用于线程间数据交换的Exchanger. 一.CountDownLatch 1.什么是Coun ...