js实现一个简易计算器

最新推荐文章于 2024-05-03 11:47:20 发布

在下，杨江河

最新推荐文章于 2024-05-03 11:47:20 发布

阅读量2.8k

点赞数 1

分类专栏： Mac开发文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/Rockandrollman/article/details/128571795

版权

Mac开发专栏收录该内容

294 篇文章 2 订阅

订阅专栏

正文

使用js实现一个简易计算器，可以进行简单的加减乘除。

js代码

function jishuan(){
	//1.获取num1 num2
	var num1 = document.getElementById("num1").value;
	var num2 = document.getElementById("num2").value;
	
	//2.计算
	var op = document.getElementById("op").value;
	var num3;
	switch(op){
		case "+":num3=parseInt(num1) + parseInt(num2);break;
		case "-":num3=parseInt(num1) - parseInt(num2);break;
		case "*":num3=parseInt(num1) * parseInt(num2);break;
		case "/":num3=parseInt(num1) / parseInt(num2);break;
	}
	//var num3 = num1 - (-num2);
	
	
	//3.赋值给num3
	document.getElementById("num3").value=num3;
}

html代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/index3.js"></script>
	</head>
	<body>
		<input type="text" id="num1"/>
		<select id="op">
			<option value="+">+</option>
			<option value="-">-</option>
			<option value="*">*</option>
			<option value="/">/</option>
		</select>
		<input type="text" id="num2"/>
		<input type="button" value="=" onclick="jishuan()"/>
		<input type="text" id="num3"/>
	</body>
</html>