需求如下：

购彩金额  拆分票数

 <= 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. 一个页面从输入URL 到页面加载显示完成的过程中都发生了什么

    前端面试/笔试必考问题,越详细越好 先简单得讲: 浏览器根据请求的URL交给DNS域名解析,找到真实IP,向服务器发起请求: 服务器交给后台处理完成后返回数据,浏览器接收文件(HTML.JS.CSS. ...

  2. HTML中的下拉列表 select

    HTML中的下拉列表: <select> <option value ="1">Volvo</option> <option value ...

  3. 在数学建模中学MATLAB

    为期三周的数学建模国赛培训昨天正式结束了,还是有一定的收获的,尤其是在MATLAB的使用上. 1. 一些MATLAB的基础性东西: 元胞数组的使用:http://blog.csdn.net/z1137 ...

  4. 第一零三天上课 PHP TP框架下控制器的方法分离

    (1)配置信息 修改配置文件->Config.php (配置后,原先的控制方法无效) 'ACTION_BIND_CLASS' => TRUE, // 控制器方法分离 (2)在Control ...

  5. SQL Server 查询处理中的各个阶段(SQL执行顺序)

    SQL 不同于与其他编程语言的最明显特征是处理代码的顺序.在大数编程语言中,代码按编码顺序被处理,但是在SQL语言中,第一个被处理的子句是FROM子句,尽管SELECT语句第一个出现,但是几乎总是最后 ...

  6. （ 解压缩版 免安装版 或 zip版 ）如何修改mysql5.6.24 字符编码

    1.当我们把zip文件格式解压到指定目录后,并且完成基本环境配置后,打开mysql 5.6.24会发现名为[my-default.ini]的文件.我们用记事本打开该文件会发现并没有[default-c ...

  7. MATLAB - 图像基本操作

    1.读入一幅图像 I = imread('lena.jpg');%给出图片路径即可,I是一个三维矩阵 J = rgb2gray(I); figure, imshow(I), figure, imsho ...

  8. 在ASP.NET中上传附件

    前台页面使用ASP控件:<asp:FileUpload ID="FileUpload" runat="server" Style="margin ...

  9. Python全栈--9 __import__ 反射和面向对象基础 self 封装 继承(多继承的顺序) 多态

    一.反射 python中的反射功能是由以下四个内置函数提供:hasattr.getattr.setattr.delattr,改四个函数分别用于对对象内部执行:检查是否含有某成员.获取成员.设置成员.删 ...

  10. Servlet的5种方式实现表单提交（注册小功能），后台获取表单数据

    用servlet实现一个注册的小功能 ,后台获取数据. 注册页面: 注册页面代码 : <!DOCTYPE html> <html> <head> <meta ...