网页计算器

分手后的思念是犯贱 2023-07-02 11:22 8阅读 0赞

<!doctype html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html"; charset="gb2312">
    <title>网页计算器</title>
    	<script language="javascript">
    		document.write("<h1 align=center><font color=red>网页计算器</font></h1>");
    		function account(ys)
    		{
        
    			var x=document.calculate.num1.value;
    			var y=document.calculate.num1.value;
    			var s=document.calculate.num1.value;
    			if(x!=""&&y!="")
    			{
        
    				if(isNaN(x)==true||isNaN(y)==true)
    				{
        
    					alert("请输入数字")
    					return;
    				}
    				switch(ys)
    				{
        
    					case'+'	:
    						var res=parseFloat(x)+parseFloat(y);
    						document.calculate.result.value=res;
    						break;
    					case'-':
    						var res=parseFloat(x)-parseFloat(y);
    						document.calculate.result.value=res;
    						break;
    					case'*':
    						var res=parseFloat(x)*parseFloat(y);
    						document.calculate.result.value=res;
    						break;
    					case'/':
    						if(parseFloat(y)==0)
    							{
        
    								alert("除数为0，结果为无穷大");
    								return;
    							}
    						else
    							{
        
    								var res=parseFloat(x)/parseFloat(y);
    								document.calculate.result.value=res;
    							}
    						break;
    					default:
    						alert("运算符输入不正确，请重新输入");
    						return;
    				}
    			}
    		}
    	</script>
    </head>
    	<body>	
    		<form name="calculate">
    			<p align="center">操作数1<input type="text" name="num1" border="0"></p>
    			<p align="center">操作数2<input type="text" name="num2" border="0"></p>
    			<p align="center">计算结果<input type="text" name="result" border="0"></p>
    			<p align="center">
    			<input type="hidden" name="sign">
    			<input type="button" name="add" value="+" onClick="account('+')">
    			<input type="button" name="sub" value="-" onClick="account('-')">
    			<input type="button" name="mul" value="*" onClick="account('*')">
    			<input type="button" name="div" value="/" onClick="account('/')">
    			</p>
    		</form>
    	</body>
    <body>
    </body>
    </html>