javascript基础

最新推荐文章于 2025-12-25 09:07:35 发布

原创最新推荐文章于 2025-12-25 09:07:35 发布 · 105 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #dom #ViewUI

javascript 专栏收录该内容

2 篇文章

订阅专栏


<html>
<head>
	<script language="javascript">
		function cal() {
			var v1 = parseInt(document.getElementById("value1").value);
			var flag = document.getElementById("flag").value;
			var v2 = parseInt(document.getElementById("value2").value);
			var s = 0;
			switch(flag) {
				case "+":
					s = v1 + v2;
					break;
				case "-":
					s = v1 - v2;
					break;
				case "*":
					s = v1 * v2;	
					break;
				case "/":
					s = v1 / v2;
			}
			//document.getElementById("ret").value = s;
			document.getElementById("result").innerHTML = "<font color='red'>" + s + "</font>";
		}
	</script>
</head>
<body>
	<h1>计算器（第一种方案）</h1>
	<input type="text" name="value1" id="value1">
	<select name="flag" id="flag">
		<option value="+">+</option>
		<option value="-">-</option>
		<option value="*">*</option>
		<option value="/">/</option>
	</select>
	<input type="text" name="value2" id="value2">
	<input type="button" value="计算" onclick="cal()">
	<!--
	<input type="text" name="ret" id="ret">
	-->
	<span id="result"></span>
	<!--
	<div id="result">
	</div>
	-->

</body>	
</html>


<html>
<head>
	<script language="javascript">
		function cal() {
			var v1 = parseInt(document.getElementById("value1").value);
			var flag = document.getElementById("flag").value;
			var v2 = parseInt(document.getElementById("value2").value);
			eval("var s = " + v1 + flag + v2);
			document.getElementById("result").innerHTML = "<font color='red'>" + s + "</font>";
		}
	</script>
</head>
<body>
	<h1>计算器（第二种方案）</h1>
	<input type="text" name="value1" id="value1">
	<select name="flag" id="flag">
		<option value="+">+</option>
		<option value="-">-</option>
		<option value="*">*</option>
		<option value="/">/</option>
	</select>
	<input type="text" name="value2" id="value2">
	<input type="button" value="计算" onclick="cal()">
	<span id="result"></span>
</body>	
</html>