js写超简单的计算器-CSDN博客

本文链接：https://blog.csdn.net/zhs954838550/article/details/8748382

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="jisuanqi.aspx.cs" Inherits="js.jisuanqi" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function operation(op)
        {
        var num1=parseInt(document.getElementById("text1").value);
        var num2=parseInt(document.getElementById("text2").value);
        var result=document.getElementById("result");
        if(isNaN(num1)||isNaN(num2))
            {
            alert("请输入正确的数");
            }
        else
        {
                if(op=='+')
                {
                result.value=num1+num2;
                }
        else if(op=='-')
                {
                result.value=num1-num2;
                }
        else if(op=='*')
                {
                result.value=num1*num2;
                }
        else if(op=='/')
               {
                    if(num2!=0)
                    {
                    result.value=num1/num2;
                    }
                    else
                    {
                    result="";
                    alert("除数不能为零");
                    }
               }
        }
       }
       </script>
</head>
<body>
    <form id="form1" runat="server">
   <div>

   第一个数:<input type="text" id="text1" /><br/>
   第二个数:<input type="text" id="text2" /><br/>
    <input type="button" value="+" οnclick="operation('+');" />
    <input type="button" value="-" οnclick="operation('-');" />
    <input type="button" value="*" οnclick="operation('*');" />
    <input type="button" value="/" οnclick="operation('/');" /><br/>
   最后的数:<input type="text" id="result" readonly="readonly"/>
    </div>
    </form>
</body>
</html>