zoukankan      html  css  js  c++  java
  • 简单设计计算器

    <!DOCTYPE html>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
    function x(t){
    var a=parseFloat(document.getElementById("one").value);//将要输入的第一个数的值赋予到a
    var b=parseFloat(document.getElementById("tow").value);//将要输入的第一个数的值赋予到b
    var y;//创建元素y
    switch (t){
    case "+":
    y=a+b;
    break;
    case "-":
    y=a-b;
    break;
    case "*":
    y=a*b;
    break;
    case "/":
    y=a/b;
    break;
    }
    document.getElementById("result").value=y;//将上面y的值赋予到result(结果)
    }
    </script>
    </head>
    <body>
    <label for="one">第一个数</label>
    <input type="text" id="one"><br>
    <label for="tow">第二个数</label>
    <input type="text" id="tow"><br>
    <input type="button" value="+" onclick="x('+')"><input type="button" value="-" onclick="x('-')">
    <input type="button" value="*" onclick="x('*')"><input type="button" value="/" onclick="x('/')">
    <br>
    <input type="text" readonly="readonly" id="result">
    </body>
    </html>
  • 相关阅读:
    响应式设计工作总结
    首页性能指标
    前端工作小结
    html5、css3小应用
    循环滚动实例
    程序员修炼之道笔记(转)
    一个操作系统的实现(1)
    scrum role
    一个操作系统的实现(3)
    awk&sed story
  • 原文地址:https://www.cnblogs.com/pyobbiwitwsai/p/9325596.html
Copyright © 2011-2022 走看看