使用html编写简单的网页计算器

最新推荐文章于 2024-08-12 18:48:17 发布

qq_31103305

最新推荐文章于 2024-08-12 18:48:17 发布

阅读量7k

点赞数 5

分类专栏： html 网页计算器文章标签： html 网页计算器 javascript

本文链接：https://blog.csdn.net/qq_31103305/article/details/52761732

版权

html 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

网页计算器

1 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>计算器</title>
<script type="text/javascript">
function f(x){
var a,b,result;
a=parseFloat(document.getElementById("t1").value);
b=parseFloat(document.getElementById("t2").value);
result=document.getElementById("result");
   switch (x){
                case 1:
                    result.value=a + b;
 break;
                case 2:
                   result.value=a - b;
 break;
                case 3:
                    result.value=a * b;
 break;
                case 4:
                   result.value=a / b;
 break;
            }
}
</script>
</head>
<body>
<form>
<tr>
<th>第一个数</th>
<td><input  id="t1" name="data1" type="text" size="20" maxlength="20"/></td>
</tr>
<br>
<tr>
<th>第二个数</th>
<td><input  id="t2" name="data2" type="text" size="20" maxlength="20"/></td>
</tr>
<br>
<tr>
<th>运算符</th>
<td>  <input  id="r1" type="button" name="r" value="+" οnclick="f(1);"/> 
<input  id="r2" type="button" name="r" value="-" οnclick="f(2);"/> 
<input  id="r3" type="button" name="r" value="*" οnclick="f(3);"/> 
<input  id="r3" type="button" name="r" value="/" οnclick="f(4);"/> 
</td>
</tr>
<br>
<tr><th>运算结果</th>
<td><input  id="result" type="text" name="data3"/></td>
</tr> 
</form>
</body>
</html>