java script 脚本的简易计算器

最新推荐文章于 2024-07-13 15:29:04 发布

biace

最新推荐文章于 2024-07-13 15:29:04 发布

阅读量1.9k

点赞数 5

分类专栏： java 文章标签： java 脚本

java 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>简易计算器</title>
</head>

<body>
<table border="0" >
  <tr>
<td colspan="3"><h3>简易计算器</h3></td>
  </tr>
  <tr>
    <td>第一个数</td>
    <td colspan="3"><input name="txtNum1" type="text"  id="txt1" size="25"/></td>
  </tr>
  <tr>
    <td>第二个数</td>
    <td colspan="3"><input name="txtNum2" type="text"  id="txt2" size="25"/></td>
  </tr>
  <tr>
    <td><input name="addButton2" type="button" id="jia" value="  ＋  "  οnclick="jisuan('+')" /></td>
    <td><input name="subButton2" type="button" id="jian" value="  －  " οnclick="jisuan('-')" /></td>
    <td><input name="mulButton2" type="button" id="cheng" value="  ×  " οnclick="jisuan('*')" /></td>
    <td><input name="divButton2" type="button" id="chu" value="  ÷  "  οnclick="jisuan('/')"/></td>
  </tr>
  <tr>
    <td>计算结果</td>
    <td colspan="3"><input name="txtresult" type="text"  id="txt3" size="25" /></td>
  </tr>
</table>
<script type="text/javascript">
function jisuan(x)
{  var a=Number(document.getElementById("txt1").value);
   var b=Number(document.getElementById("txt2").value);
   var c;
   switch(x)
   {  case "+": c=a+b;break;
      case "-": c=a-b;break;
	  case "*": c=a*b;break;
	  case "/":if(b!=0) c=a/b;
	  else c="除数不能为0，请重新输入";
	  break;
	  
	   }
	  
document.getElementById("txt3").value=c;

	}
</script>
</body>