web：加法计算器

Sakura——w

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

阅读量538

点赞数

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

本文链接：https://blog.csdn.net/aa543928678/article/details/126028657

版权

web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

完成如图所示加法计算器

<!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>