简易计算器用js兑现的代码
日期：2014-05-16 浏览次数：20439 次
简易计算器用js实现的代码
<head>
<script type='text/javascript'>
var flag=true;
function getNum(num){
if(!flag){
document.getElementById('res').value ='';
flag=true;
}
document.getElementById('res').value +=num;
}
function getRes(num){
var num=document.getElementById('res').value;
num=eval(num);
document.getElementById('res').value=num;
flag=false;
}
</script>
</head>
<body>
简易计算器
<TABLE border="1px" width="240px">
<TR>
<TD colspan="4" ><input type="text" style="width:340px;" id='res'/></TD>
</TR>
<TR>
<TD><input type="button" value="1" onclick='getNum(1)' style="width:80px;"/></TD>
<TD><input type="button" value="2" onclick='getNum(2)' style="width:80px;"></TD>
<TD><input type='button' value='3' onclick='getNum(3)' style="width:80px;"/></TD>
<TD><input type='button' value='+' onclick="getNum('+')" style="width:80px;"/></TD>
</TR>
<TR>
<TD><input type='button' value='4' onclick="getNum(4) " style="width:80px;"/></TD>
<TD><input type='button' value='5' onclick="getNum(5)" style="width:80px;"/></TD>
<TD><input type='button' value='6' onclick="getNum(6)" style="width:80px;"/></TD>
<TD><input type='button' value='-' onclick="getNum('-')" style="width:80px;"/></TD>
</TR>
<TR>
<TD><input type='button' value='7' onclick="getNum(7)" style="width:80px;"/></TD>
<TD><input type='button' value='8' onclick="getNum(8)" style="width:80px;"/></TD>
<TD><input type='button' value='9' onclick="getNum(9)" style="width:80px;"/></TD>
<TD><input type='button' value='*' onclick="getNum('*')" style="width:80px;"/></TD>
</TR>
<TR>
<TD><input type='button' value='0' onclick="getNum(0)" style="width:80px;"/></TD>
<TD><input type='button' value='.' onclick="getNum('.')" style="width:80px;" /></TD>
<TD><input type='button' value='=' onclick="getRes('=')" style="width:80px;"/></TD>
<TD><input type='button' value='/' onclick="getNum('/')" style="width:80px;"/></TD>
</TR>
</TABLE>
</body>
</html>
<html>
<meta charset="utf-8"/><head>
<script type='text/javascript'>
var flag=true;
function getNum(num){
if(!flag){
document.getElementById('res').value ='';
flag=true;
}
document.getElementById('res').value +=num;
}
function getRes(num){
var num=document.getElementById('res').value;
num=eval(num);
document.getElementById('res').value=num;
flag=false;
}
</script>
</head>
<body>
简易计算器
<TABLE border="1px" width="240px">
<TR>
<TD colspan="4" ><input type="text" style="width:340px;" id='res'/></TD>
</TR>
<TR>
<TD><input type="button" value="1" onclick='getNum(1)' style="width:80px;"/></TD>
<TD><input type="button" value="2" onclick='getNum(2)' style="width:80px;"></TD>
<TD><input type='button' value='3' onclick='getNum(3)' style="width:80px;"/></TD>
<TD><input type='button' value='+' onclick="getNum('+')" style="width:80px;"/></TD>
</TR>
<TR>
<TD><input type='button' value='4' onclick="getNum(4) " style="width:80px;"/></TD>
<TD><input type='button' value='5' onclick="getNum(5)" style="width:80px;"/></TD>
<TD><input type='button' value='6' onclick="getNum(6)" style="width:80px;"/></TD>
<TD><input type='button' value='-' onclick="getNum('-')" style="width:80px;"/></TD>
</TR>
<TR>
<TD><input type='button' value='7' onclick="getNum(7)" style="width:80px;"/></TD>
<TD><input type='button' value='8' onclick="getNum(8)" style="width:80px;"/></TD>
<TD><input type='button' value='9' onclick="getNum(9)" style="width:80px;"/></TD>
<TD><input type='button' value='*' onclick="getNum('*')" style="width:80px;"/></TD>
</TR>
<TR>
<TD><input type='button' value='0' onclick="getNum(0)" style="width:80px;"/></TD>
<TD><input type='button' value='.' onclick="getNum('.')" style="width:80px;" /></TD>
<TD><input type='button' value='=' onclick="getRes('=')" style="width:80px;"/></TD>
<TD><input type='button' value='/' onclick="getNum('/')" style="width:80px;"/></TD>
</TR>
</TABLE>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
