zoukankan      html  css  js  c++  java
  • js实现两个文本框数值的加减乘除运算

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript">
    function count(){
    var a = parseInt(document.getElementById("tex1").value);
    var b = parseInt(document.getElementById("tex2").value);
    var selectSign = document.getElementById("select").value;

    switch (selectSign)
    {
    case '+': answer = a+b;break;
    case '-': answer = a-b;break;
    case '*': answer = a*b;break;
    case '/': answer = a/b;
    }
    document.getElementById("fruit").value = answer;
    }
    </script>
    </head>
    <body>
    <input type="text" id="tex1" />
    <select id="select">
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
    </select>
    <input type="text" id="tex2" />
    <input type="button" value=" = " onclick="count()" />
    <input type="text" id="fruit" onclick="count()" />
    </body>
    </html>

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript">
    function count(){
    var a = parseInt(document.getElementById("tex1").value);
    var b = parseInt(document.getElementById("tex2").value);
    var selectSign = document.getElementById("select").value;

    switch (selectSign)
    {
    case '+': answer = a+b;break;
    case '-': answer = a-b;break;
    case '*': answer = a*b;break;
    case '/': answer = a/b;
    }
    document.getElementById("fruit").value = answer;
    }
    </script>
    </head>
    <body>
    <input type="text" id="tex1" />
    <select id="select">
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
    </select>
    <input type="text" id="tex2" />
    <input type="button" value=" = " onclick="count()" />
    <input type="text" id="fruit" onclick="count()" />
    </body>
    </html>

  • 相关阅读:
    wordpress调用函数大全
    Dedecms 数据库结构分析
    屏幕广播的实现(二)
    屏幕广播的实现(一)
    Alt+Ctrl+Del组合键的屏蔽
    关于钩子(HOOK)
    C# 线程入门 00
    C# 中 关键字 return break continue 详解
    Windows 网络命令
    vue自定义指令封装(加深印象)
  • 原文地址:https://www.cnblogs.com/apolloren/p/7624516.html
Copyright © 2011-2022 走看看