使⽤代码编写计算器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<script type="text/javascript">
var numresult;
var str;
function onclicknum(nums)
{
str = ElementById("nummessege");
str.value = str.value + nums;
}
function onclickclear()
{
str = ElementById("nummessege");网页计算器html代码
str.value ="";
}
function onclickresult()
{
str = ElementById("nummessege");
numresult =eval(str.value);
str.value = numresult;
}
</script>
</head>
<body bgcolor="affff">
<!--定义按键表格，每个按键对应⼀个事件触发-->
<table border="1" align="center" bgColor="#bbff77"
>
<tr>
<td colspan="4">
<input type="text" id="nummessege"
/>
</td>
</tr>
<tr>
<td>
<input type="button" value="1" id="1" onclick="onclicknum(1)"
>
</td>
<td>
<input type="button" value="2" id="2" onclick="onclicknum(2)"
>
</td>
<td>
<input type="button" value="3" id="3" onclick="onclicknum(3)"
>
</td>
<td>
<input type="button" value="+" id="add" onclick="onclicknum('+')"
>
</td>
</tr>
<tr>
<td>
<input type="button" value="4" id="4" onclick="onclicknum(4)"
>
</td>
<td>
<input type="button" value="5" id="5" onclick="onclicknum(5)"
<input type="button" value="5" id="5" onclick="onclicknum(5)"
> </td>
<td>
<input type="button" value="6" id="6" onclick="onclicknum(6)"
> </td>
<td>
<input type="button" value="-" id="sub" onclick="onclicknum('-')"            > </td>
</tr>
<tr>
<td>
<input type="button" value="7" id="7" onclick="onclicknum(7)"
> </td>
<td>
<input type="button" value="8" id="8" onclick="onclicknum(8)"
> </td>
<td>
<input type="button" value="9" id="9" onclick="onclicknum(9)"
> </td>
<td>
<input type="button" value="*" id="mul" onclick="onclicknum('*')"            > </td>
</tr>
<tr>
<td colspan="2">
<input type="button" value="0" id="0" onclick="onclicknum(0)"
> </td>
<td>
<input type="button" value="." id="point" onclick="onclicknum('.')"            > </td>
<td>
<input type="button" value="/" id="division"
onclick="onclicknum('/')"
> </td>
</tr>
<tr>
<td colspan="2">
<input type="button" value="Del" id="clear"
onclick="onclickclear()"
/> </td>
<td colspan="2">
<input type="button" value="=" id="result"
onclick="onclickresult()"
/> </td>
</tr>
</table>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。