第六天：用javascript实现购彩拆分票的计算奖金

Posted 2020-07-31 fenr9

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了第六天：用javascript实现购彩拆分票的计算奖金相关的知识，希望对你有一定的参考价值。

需求如下：

购彩金额拆分票数

<= 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实现购彩拆分票的计算奖金的主要内容，如果未能解决你的问题，请参考以下文章