js简易计算器

373 阅读1分钟

在生活中我们经常会用到计算器来进行一些计算,这里分享一个简易的计算器。

当用户点击运算按钮的时候即可开始

​​

<input type="button" onclick="count()" value="计算两数运算结果">

我们可以利用按钮的点击事件来制作这个计算器。

function count(){
	var a=prompt('请输入第一个数');
	var b=prompt('请输入第二个数');
	var Counter=prompt('请输入运算符号');

image.png

首先会弹出提示框,提示用户输入第一个数,点击确定会提示输入第二个数,再次输入完点击确认后会提示输入运算符号

image.png

编写实现两个数字的任意算数运算(简易的计算器功能),并能弹出运算后的结果。

if(Counter=='+'){
	c=Number(a)+Number(b);
	alert("两数运算结果为:"+a+'+'+b+'='+c);
}
else if(Counter=='-'){
	c=Number(a)-Number(b);
	alert("两数运算结果为:"+a+'-'+b+'='+c);
}
else if(Counter=='*'){
	c=Number(a)*Number(b);
	alert("两数运算结果为:"+a+'*'+b+'='+c);
}
else if(Counter=='/'){
	c=Number(a)/Number(b);
	alert("两数运算结果为:"+a+'/'+b+'='+c);
}

image.png

以下是完整代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="button" onclick="count()" value="计算两数运算结果">
		<script type="text/javascript">
			function count(){
				var a=prompt('请输入第一个数');
				var b=prompt('请输入第二个数');
				var Counter=prompt('请输入运算符号');
				if(Counter=='+'){
					c=Number(a)+Number(b);
					alert("两数运算结果为:"+a+'+'+b+'='+c);
					}
				else if(Counter=='-'){
					c=Number(a)-Number(b);
					alert("两数运算结果为:"+a+'-'+b+'='+c);
					}
				else if(Counter=='*'){
					c=Number(a)*Number(b);
					alert("两数运算结果为:"+a+'*'+b+'='+c);
					}
				else if(Counter=='/'){
					c=Number(a)/Number(b);
					alert("两数运算结果为:"+a+'/'+b+'='+c);
					}
			}
		</script>
	</body>
</html>