html计算加减乘除

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html计算加减乘除相关的知识,希望对你有一定的参考价值。

???

<!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个按钮,如图所示:

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

参考技术A var a = 1, b=2;
加:a*1+b*1
减a*1-b*1
乘a*b
除a*1/(b*1)
参考技术B 使用javascript来计算,但是记住一点,javascript里面的加减乘除和其他计算机语言有点不太一样,就是除法,javascript默认是浮点计算,也就是说在其他计算机语言里面3/2=1,在javascript里面3/2=1.5。在javascript里面加减乘除的符号分辨是+-*/

python3简单实现支持括号的加减乘除运算

1.首先表达式的空格。
2.循环计算最内层带括号的表达式(提取运算符出现的顺序,然后计算)
3.计算最外层的表达式输出。
刚接触python,代码不够严谨,仅实现功能。不知道如何在函数中使用运算符变量做运算(使用的时候是字符串形式),希望知道的朋友告诉我,互相学习一下。
技术分享图片
import re,math
def qcysf(s):
    while re.findall(\+\-|\+\+|\-\-|\-\+,s):
        s = s.replace(+-,-)
        s = s.replace(++,+)
        s = s.replace(--,+)
        s = s.replace(-+,-)
    return s
def yunsuan(a1):
    temp1 = re.sub(\d|\.|\+|-| ,‘‘,a1)
    # print(temp1)
    # print(a1)
    for i in temp1:
        if i == "*":
            b = re.search((-?\d+\.?\d*\*-?\d+\.?\d*), a1).group()
            # print(b)
            temp2 = round(float(b.split(*)[0]) * float(b.split(*)[1]),10)
            temp2 = + + str(temp2)
            a1 = a1.replace(b, temp2,1)
            # print(a1)
        else:
            b = re.search((-?\d+\.?\d*/-?\d+\.?\d*), a1).group()
            # print(b)
            temp2 = round(float(b.split(/)[0]) / float(b.split(/)[1]),10)
            temp2 = + + str(temp2)
            a1 = a1.replace(b, temp2,1)
            # print(a1)
    a1 = qcysf(a1)
    # print(a1)
    a2 = a1.lstrip(-)
    temp3 = re.sub(\d|\.| , ‘‘, a2)
    for i in temp3:
        if i == "+":
                b = re.search((-?\d+\.?\d*\+\d+\.?\d*), a1).group()
                temp2 = round(float(b.split(+)[0]) + float(b.split(+)[1]),10)
                a1 = a1.replace(b, str(temp2),1)
                # print(a1)
        else:
            b = re.search((\d+\.?\d*\-\d+\.?\d*), a1).group()
            temp2 = round(float(b.split(-)[0]) - float(b.split(-)[1]),10)
            a1 = a1.replace(b, str(temp2),1)
            # print(a1)
    return a1

if __name__ == "__main__":
    a = input(请输入你要计算的内容:)
    a = a.replace( ,‘‘)
    # print(a)
    if re.findall([a-zA-Z]],a):
        print(你输入的内容不合法)
    else:
        while re.search("\([^()]+\)", a):
            b = re.search("\([^()]+\)", a).group()
            # b = qcysf(b)
            # print(a)
            # print(b)
            b1 = re.sub(\(|\),‘‘,b)
            # print(a)
            temp = yunsuan(b1)
            a = a.replace(b, str(temp))
        # print(‘这是倒数第二个‘,a)
        a = qcysf(a)
        a = yunsuan(a)
        print(a)
View Code

请输入你要计算的内容:1 - 2 * ( (60-30 +(-40/5) * (9-2*5/3 + 7 /3*99/4*2998 +10 * 568/14 )) - (-4*3)/ (16-3*2) )
2776672.6951997215


以上是关于html计算加减乘除的主要内容,如果未能解决你的问题,请参考以下文章

加减乘除计算器

怎么在eclipse中做个简单的加减乘除的计算器,html页面如下,高手请回答,非诚勿扰

3 python实验计算器:加减乘除

html中javascript计算加减乘除,哪位大哥帮帮忙啊!

html加减乘除混合运算,支持小数,四个输入框、点击计算,可以输出结果。求大神来一个实例啊

python的加减乘除取整取余计算