用JavaScript编写一个简单计算器

最新推荐文章于 2024-10-25 08:30:00 发布

caijilaoyan

最新推荐文章于 2024-10-25 08:30:00 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/caijilaoyan/article/details/89501434

本文将指导你如何使用JavaScript从头开始构建一个简单的计算器。我们将讨论基本的DOM操作、事件监听和算术运算逻辑，帮助你理解JavaScript在网页交互中的应用。

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

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript"></script>
</head>
<body>
	<input type="text" id="sz1">
	<select name="" id="xlk">
	<option value="+">+</option>
		<option value="-">-</option>
		<option value="*">*</option>
		<option value="/">/</option>	
	</select>
	<input type="text" id="sz2">
	<button id="dy">=</button>
	<input type="text" id="txt-result">
	<script type="text/javascript">
		var oDy=document.getElementById('dy');
		var oSz1=document.getElementById('sz1');
		var oSz2=document.getElementById('sz2');
		var oS=document.getElementById('xlk');
		var result;//保存计算结果
		var txtRes=document.getElementById('txt-result');
		//console.log(oDy,oSz1,oSz2);
		//创建一个点击事件 点击后得出计算结果
		oDy.onclick=function() {
			var v1=oSz1.value;//得到第一个输入框内的内容
		    v

最低0.47元/天解锁文章

200万优质内容无限畅学