JavaScript计算器

最新推荐文章于 2022-06-02 19:35:39 发布

set_sail_again

最新推荐文章于 2022-06-02 19:35:39 发布

阅读量290

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/set_sail_again/article/details/50489463

本文介绍了一个简单的网页版计算器实现方法，通过HTML搭建用户界面，并利用JavaScript完成加减乘除等基本运算逻辑。用户输入两个数值及运算符后，点击计算按钮即可得到结果。

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

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 卸载事件 </title>
<script type="text/javascript">   
	function cal(){
		var num1=parseInt(document.getElementById("num1").value);
		var mark=document.getElementById("mark").value;
		var num2=parseInt(document.getElementById("num2").value);
		var result="";
		switch(mark){
			case '+':
				result=num1+num2;
			break;
			case '-':
				result=num1-num2;
			break;
			case '*':
				result=num1*num2;
			break;
			case '/':
				result=num1/num2;
			break;
		}
		document.getElementById("result").value=result;
	}
</script>   
</head>
<body>
  <input type="text" id="num1"/><br>
  <select id="mark">
  	<option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
  </select><br>
  <input type="text" id="num2"/><br>
  <input type="button" value="计算" onclick="cal()"/><br>
  <input type="text" id="result"/>
</body>
</html>