JavaScript 实例：计算器

最新推荐文章于 2025-03-07 16:38:58 发布

houyanhua1

最新推荐文章于 2025-03-07 16:38:58 发布

阅读量681

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/houyanhua1/article/details/78468813

版权

JavaScript 专栏收录该内容

140 篇文章

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
 <HEAD>
  <TITLE> 计算器 </TITLE>
  <META name="Generator" content="EditPlus">
  <META name="Author" content="">
  <META name="Keywords" content="">
  <META name="Description" content="">
  <style type="text/css">
  </style>
  <script type="text/javascript">
	function calcu(){
		var num1=document.getElementById("text1").value;
		var num2=document.getElementById("text2").value;
		var num3=document.getElementById("text3");
		if(num1=="" || num1=="")
		{
			alert("请先输入数据！");
		}
		//alert(num2);
		num1=parseInt(num1);  //从网页获取的value都是字符串，要先转换成数字再进行计算
		num2=parseInt(num2);
		var symbol=document.getElementById("symbol").value;
		var result;
		switch (symbol)
		{
			case "+":
			  result=num1+num2;
			  break;
			case "-":
			  result=num1-num2;
			  break;
			case "x":
			  result=num1*num2;
			  break;
			case "/":
			  result=num1/num2;
			  break;
			default:
			  alert("请选择运算符号！");
		}
		if (isNaN(result))
		{
			result="0"
		}
		num3.value=(result);
	}
  </script>
 </HEAD>

 <BODY>
  <input type="text" id="text1" />
  <select id="symbol">   <!--下拉列表框-->
	<option value="+">+</option>
	<option value="-">-</option>
	<option value="x">x</option>
	<option value="/">/</option>
  </select>
  <input type="text" id="text2" />
  =
  <input type="text" id="text3" />
  <input type="button" id="button1" value="计算" οnclick="calcu()" />
 </BODY>
</HTML>