HTML应用开发基础篇 - JavaScript ：简单四则运算

简单算术运算示例

最新推荐文章于 2024-03-09 10:20:52 发布

原创最新推荐文章于 2024-03-09 10:20:52 发布 · 601 阅读

2 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

31 篇文章

订阅专栏

本文展示了一个HTML页面，其中包含四个按钮，分别用于执行加法、减法、乘法和除法运算。点击按钮后，将在弹窗中显示预设数值的运算结果。

挺简单的，直接看代码吧：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input id="btn1" type="button" value="加法" />
		<input id="btn2" type="button" value="减法" />
		<input id="btn3" type="button" value="乘法" />
		<input id="btn4" type="button" value="除法" />
	</body>
	<script type="text/javascript">
		window.onload=function(){
			document.getElementById("btn1").onclick=function(){
				var a="1";
				var b="2";
				alert("a=1,b=2 \na+b="+(parseInt(a)+parseInt(b)));
			}
			document.getElementById("btn2").onclick=function(){
				var a="2";
				var b="1";
				alert("a=2,b=1 \na-b="+(a-b));
			}
			document.getElementById("btn3").onclick=function(){
				var a="1";
				var b="2";
				alert("a=1,b=2 \na*b="+a*b);
			}
			document.getElementById("btn4").onclick=function(){
				var a="1";
				var b="2";
				alert("a=1,b=2 \na/b="+a/b);
			}
		}
	</script>
</html>