简易计算器

最新推荐文章于 2022-08-18 16:37:09 发布

风叶翩翩

最新推荐文章于 2022-08-18 16:37:09 发布

阅读量147

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_45743799/article/details/102865911

版权

JavaScript 专栏收录该内容

54 篇文章 3 订阅

订阅专栏

用JavaScript实现简易计算器

先看效果图

在这里插入图片描述
计算加法弹框输出计算结果

程序解读：
1.两个输入框和一个下拉框
2. 弹框显示结果
3. 加减乘除的简单运算

代码演示

Html页面内容

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<input type="text" id="number1" />
		<select id="fu">
			<option>+</option>
			<option>-</option>
			<option>*</option>
			<option>/</option>
			<option>%</option>
		</select>
		<input type="text" id="number2" />
		
		<input type="button" onclick="getStr()" value="计算"/>
		
		<script src="js/computer.js"></script>
	</body>
</html>

computer.js代码

function getStr() {
	var num1 = document.getElementById("number1").value;
	var f = document.getElementById("fu").value;
	var num2 = document.getElementById("number2").value;



	if (f == "+") {
		alert(parseInt(num1) + parseInt(num2));
	} else if (f == "-") {
		alert(parseInt(num1) - parseInt(num2));
	} else if (f == "*") {
		alert(parseInt(num1) * parseInt(num2));
	} else if (f == "/") {
		alert(parseInt(num1) / parseInt(num2));
	} else if (f == "%") {
		alert(parseInt(num1) % parseInt(num2));
	}



}