利用js制作简易的计算器

最新推荐文章于 2024-07-02 15:31:55 发布

小猪仔zkz

最新推荐文章于 2024-07-02 15:31:55 发布

阅读量257

点赞数 4

文章标签： javascript

本文链接：https://blog.csdn.net/m0_53131323/article/details/119560488

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简易计算器</title>
	</head>
	<body>
		<p>简易计算器</p>
		第一个数：<input id="num1" type="text" name="" id="" value="" /><br>
		第二个数：<input id="num2" type="text" name="" id="" value="" /><br>
		<button type="button" value="+" onclick="cal('+')">+</button>&nbsp;&nbsp;&nbsp;
		<button type="button" value="-" onclick="cal('-')">-</button>&nbsp;&nbsp;&nbsp;
		<button type="button" value="*" onclick="cal('*')">*</button>&nbsp;&nbsp;&nbsp;
		<button type="button" value="/" onclick="cal('/')">/</button><br>
		计算结果：<input type="text" name="" id="resultset" value="" />
		
		<script type="text/javascript">
			
			function cal(type){
				var num1 = document.getElementById("num1");
				var num2 = document.getElementById("num2");
				switch(type){
					case "+":
					var result = parseInt(num1.value) + parseInt(num2.value);
					break;
					case "-":
					var result = parseInt(num1.value) - parseInt(num2.value);
					break;
					case "*":
					var result = parseInt(num1.value) * parseInt(num2.value);
					break;
					case "/":
					var result = parseInt(num1.value) / parseInt(num2.value);
					break;
				}
				
				console.log(result);
				resultset.value = result;
			}
			
		</script>
	</body>
</html>