html计算加减乘除 5

???... ??? 展开
 我来答
黑马程序员
2017-06-19 · 改变中国IT教育,我们正在行动
黑马程序员
黑马程序员为大学毕业后,有理想、有梦想,想从事IT行业的年轻人改变自己的命运。黑马程序员成就IT黑马
向TA提问
展开全部
<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title></title>  
</head>  
<body>  
<table>  
    <tr>  
      <td><input type="button" value="add"     onclick="setOp('+', 'add');"/></td>  
      <td><input type="button" value="miner"  onclick="setOp('-', 'miner');"/></td>  
      <td><input type="button" value="times"  onclick="setOp('*', 'times');"/></td>  
      <td><input type="button" value="divide" onclick="setOp('/', 'divide');"/></td>  
    </tr>  
</table>  
<table id="tb_calc" style="display:none;">  
     <tr>  
        <td> <input id="x" type="text" style="width:100px" value="" name="x" /></td>  
        <td> <lable id="op"  name="op"></lable> </td>  
        <td> <input id="y" type="text" style="width:100px" value="" name="y" /> </td>  
        <td> <input id="opTips" type="button" value="" onclick="calc();"/> </td>  
        <td> <lable id="z" name="z"></lable> </td>  
    </tr>  
</table>  
<script type="application/javascript">  
    function setOp(op, opTips)  
    {  
        var tb=document.getElementById("tb_calc");  
        tb.style.display = "none";  
                      
        document.getElementById("x").value = "";   
        document.getElementById("y").value = "";   
        document.getElementById("z").innerText = "";   
        document.getElementById("op").innerText = op;  
        document.getElementById("opTips").value = opTips;  
          
        tb.style.display = "block";  
    }  
    function calc()  
    {  
        var x  = parseInt(document.getElementById("x").value);   
        var y  = parseInt(document.getElementById("y").value);  
        var op = document.getElementById("op").innerText;  
          
        var z = "";  
        switch(op)  
        {  
            case '+':  
                z = x + y;  
                break;  
            case '-':  
                z = x - y;  
                break;  
            case '*': ;  
                z = x * y;  
                break;  
            case '/': ;  
                z = x / y;  
                break;  
            default:  
                z = '';  
        }  
        console.log(x, op, y, '=', z);  
        document.getElementById("z").innerText = z;  
    }  
</script>  
</body>  
</html>
  • 实现的步骤,第一步是加4个按钮,如图所示:

  • 第二步需要加两个输入框,两个,一个按钮

百度网友ff9eeba
2017-07-20 · 超过36用户采纳过TA的回答
知道小有建树答主
回答量:112
采纳率:0%
帮助的人:24.8万
展开全部
var a = 1, b=2;
加:a*1+b*1
减a*1-b*1
乘a*b
除a*1/(b*1)
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
dinkfamily
2014-05-01 · TA获得超过602个赞
知道小有建树答主
回答量:387
采纳率:50%
帮助的人:212万
展开全部
使用javascript来计算,但是记住一点,javascript里面的加减乘除和其他计算机语言有点不太一样,就是除法,javascript默认是浮点计算,也就是说在其他计算机语言里面3/2=1,在javascript里面3/2=1.5。在javascript里面加减乘除的符号分辨是+-*/
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式