web：加法计算器

Sakura——w

于 2022-07-28 10:04:42 发布

阅读量686

点赞数

分类专栏： web 文章标签： web

本文链接：https://blog.youkuaiyun.com/aa543928678/article/details/126028657

版权

web 专栏收录该内容

3 篇文章

订阅专栏

这个博客展示了如何使用HTML和JavaScript创建一个简单的加法计算器。用户可以输入两个数字，点击‘计算’按钮，JavaScript函数将计算并显示它们的和。此示例涉及前端开发中的基本交互和数据处理。

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

完成如图所示加法计算器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
			function compute() {
					a=document.getElementById("x").value;
					b=document.getElementById("y").value;
					c=Number(a)+Number(b);
					document.getElementById("result").value=c;
				}
		</script>
	</head>
	<body>
			<form style="text-align: center; border: 1px solid gray;">
				<legend align="left">加法计算器</legend>
				加数1：<input id="x" type="text" />
				<br />
				加数2：<input id="y" type="text" />
				<br />
				和：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text"  id="result"/>
				<br /><br />
				<input  type="button" value="计算" onclick="compute()" />
				<input  type="reset" value="重置"/>
			</form>
	</body>
</html>