小案例--网页版计算器

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页版计算器</title>
<meta name="keywords" content="关键字" />
<meta name="description" content="网页描述" />
<script type="text/javascript">
     function jisuan()
     {
      //获取input1的值
      var text1=document.getElementById("text1").value;
      //获取input2的值
      var text2=document.getElementById("text2").value;
      //获取input2的id
      var text3=document.getElementById("text3");
      text1= parseFloat(text1);
      text2= parseFloat(text2);   //文本框的值为字符串
      //获取下拉列表符号的值
      var fuhao=document.getElementById("fuhao").value;
         if(fuhao=="+")
         {
          var result=text1+text2;
         }else if(fuhao=="-")
         {
          var result=text1-text2;
         }else if(fuhao=="*")
         {
          var result=text1*text2;
         }else
         {
          var result=text1/text2;
         }


      text3.value=result;
     }
</script>
</head>
<body>
<input type="text" id="text1">
<select name="" id="fuhao">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="text2">
=
<input type="text" id="text3">
<input type="button" value="点击计算" onclick="jisuan()">
</body>
</html>

猜你喜欢

转载自blog.csdn.net/Shh_1758668879/article/details/61623600