js网页版计算器的简单实现
2013-07-02 00:00
1086 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>计算器</title> <script language="javascript" type="text/javascript"> var clearFlag=false; function getNum(num){ //alert(num); var objresult=document.getElementById("result"); if(clearFlag){ objresult.value=""; clearFlag=false; } //alert(objresult); objresult.value+=num; } function getResult(){ var objresult=document.getElementById("result"); objresult.value=objresult.value+"="+eval(objresult.value); clearFlag=true; } </script> </head> <body> <table width="200" border="1" cellpadding="2"> <tr> <td colspan="4"><input type="text" name="result" id="result" size="33"></td> </tr> <tr> <td width="56"><input type="button" value=" 1 " onclick="getNum(1)"></td> <td width="56"><input type="button" value=" 2 " onclick="getNum(2)"></td> <td width="51"><input type="button" value=" 3 " onclick="getNum(3)"></td> <td width="58"><input type="button" value=" + " onclick="getNum('+')"></td> </tr> <tr> <td><input type="button" value=" 4 " onclick="getNum(4)"></td> <td><input type="button" value=" 5 " onclick="getNum(5)"></td> <td><input type="button" value=" 6 " onclick="getNum(6)"></td> <td><input type="button" value=" - " onclick="getNum('-')"></td> </tr> <tr> <td><input type="button" value=" 7 " onclick="getNum(7)"></td> <td><input type="button" value=" 8 " onclick="getNum(8)"></td> <td><input type="button" value=" 9 " onclick="getNum(9)"></td> <td><input type="button" value=" * " onclick="getNum('*')"></td> </tr> <tr> <td><input type="button" value=" 0 " onclick="getNum(0)"></td> <td><input type="button" value=" . " onclick="getNum('.')"></td> <td><input type="button" value=" = " onclick="getResult()"></td> <td><input type="button" value=" / " onclick="getNum('/')"></td> </tr> </table> </body> </html>
相关文章推荐
- js网页版计算器的简单实现
- js网页版计算器的简单实现
- JS实现自定义简单网页软键盘效果代码
- js+css简单实现网页换肤效果
- js实现简单整数计算器-------Day71
- js简单实现计算器
- 网页版计算器的实现(js实现计算功能)
- 简单的js实现网页时钟
- js简单实现调整网页字体大小的方法
- 用js实现简单的网页轮播图
- node.js 学习笔记003 :使用superagent和cheerio实现简单网页爬虫
- Web开发之html2canvas 实现纯JS网页截图简单例子
- 简单实现JS计算器功能
- 实现计算器HTML+JS简单实现计算器
- jQuery/javascript实现简单网页计算器
- 自己用html、js、ajax、php制作的简单网页版计算器。
- 简单的js计算器实现
- js实现在网页上简单显示时间的方法
- js实现的网页版的计算器(简单、方便)