• 第六天:用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>
  • 相关阅读:
    实例天天向上的力量
    实例天天向上的力量
    数字类型及操作
    基本数据类型
    函数与模块
    Turtle库(海龟)
    python猛蛇绘制
    输出函数
    循环语句
    集合
  • 原文地址:https://www.cnblogs.com/fenr9/p/5621509.html
Copyright © 2020-2023  润新知