简单的网页计算器

原创 2018-11-01 20:28:49 379
摘要:              <!DOCTYPE html> <html> <head> <title>网页计算器</title> <script> function jia(){ var shu1; var&



              



<!DOCTYPE html>
<html>
<head>
	<title>网页计算器</title>
	<script>
	function jia(){
	var shu1;
	var shu2;
	var shu3;
	var jeiguo;
	var fuhao;
	 shu1=document.getElementById("text1").value;
	 shu2=document.getElementById("text2").value;
	 shu3=document.getElementById("text3");
	 fu=document.getElementById("fuhao").value;
	 shu1=parseFloat(shu1);
	 shu2=parseFloat(shu2);
	 if (fu =="+")
	 { jieguo=shu1+shu2;
      }
        else if (fu=="-")
              {
       	jieguo=shu1-shu2;
                     }
            else if (fu=="*")
                {
                	jieguo=shu1*shu2;
                }
                else if (fu=="/")
                {
                	jieguo=shu1/shu2;
                }
      shu3.value=jieguo;
	}

</script>

</head>
<body>
	
<input  type="text" id="text1" value="">
<select id="fuhao">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="text2" value="">
=
<input type="text" id="text3" value="">
<button  type="submit" onclick="jia()">点击计算</button>



</body>
</html>

2018-11-01_202747.png

批改老师:天蓬老师批改时间:2018-11-01 22:55:36
老师总结:做为初学者,写出这样的代码很不错,最好给出数据类型错误的提示信息

发布手记

热门词条