javascript实现简单的计算器

最新推荐文章于 2021-11-12 19:22:44 发布

绿叶儿

最新推荐文章于 2021-11-12 19:22:44 发布

阅读量790

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/chengzhangbiji/article/details/41948557

版权

JavaScript 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的基本网页计算器。该计算器可通过输入两个数值并选择运算符来进行加、减、乘、除操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>computer</title>
	<script>
	function compute(){
		str1=Number(document.getElementById("txt1").value);
		str2=Number(document.getElementById("txt2").value);
		comp=document.getElementById("select").value;
		var result;
		switch(comp) {
			case "+":
			    comp=str1+str2;
			    break;
			case "-":
			    comp=str1-str2;
			    break;
			case "*":
			    comp=str1*str2;
			    break;
			case "/":
			    comp=str1/str2;
			    break;
		}
		document.getElementById("result").value=comp;
	}
	</script>
</head>
<body>
	<input type="text" id="txt1"/>
	<select name="method" id="select">
		<option value="+">+</option>
		<option value="-">-</option>
		<option value="*">*</option>
		<option value="/">/</option>
	</select>
	<input type="text" id="txt2"/>
	<input type="button" id="b1" value="等于" οnclick="compute()" />
	<input type="text" id="result"/>
</body>
</html>