计算器（2）

最新推荐文章于 2021-07-15 01:52:42 发布

hai_zai

最新推荐文章于 2021-07-15 01:52:42 发布

阅读量406

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/hai_zai/article/details/45079821

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<html>
<head>
<script type="text/javascript">
function sum1(id){
var x = parseInt(document.getElementById("x").value);
var y = parseInt(document.getElementById("y").value);
switch (id)
{
case '1':
sum = x+y;
document.getElementById("sum").value=sum;
break;
case '2':
sum = x-y;
document.getElementById("sum").value=sum;
break;
case '3':
sum = x*y;
document.getElementById("sum").value=sum;
break;
case '4':
sum = x/y;
document.getElementById("sum").value=sum;
break;
default:
alert("不在范围内");
}
}
</script>
</head>
<body>
<form action="#">
<table border="1" bgcolor="blue">
<tr>
<th colspan="3">计算器</th>
</tr>
<tr>
<td>第一个数</td>
<br>
<td ><input type="text" id="x"/></td>
<td rowspan="3">
<input type="button" id="1"
value="&nbsp+&nbsp" οnclick="sum1(this.id);"/>
<br>
<input type="button" id="2"value="&nbsp-&nbsp"
οnclick="sum1(this.id)"/>
<br>
<input type="button" id="3"value="&nbsp*&nbsp"
οnclick="sum1(this.id)"/>
<br>
<input type="button" id="4"value="&nbsp/&nbsp"
οnclick="sum1(this.id)">
<br>
</td>
</tr>
<tr>
<td>第二个数</td>
<td><input type="text" id="y"/></td>
</tr>
<tr>
<td>计算结果</td>
<td><input type="text" id="sum"/></td>
</tr>
</table>
</body>
</html>

hai_zai

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
计算器（2）

function sum1(id){var x = parseInt(document.getElementById("x").value);var y = parseInt(document.getElementById("y").value);switch (id){case '1':sum = x+y;document.getElementById("sum").
复制链接

扫一扫