基于javascript的简易计算器
来源:互联网 发布:剑灵热巴数据 编辑:程序博客网 时间:2024/04/30 01:10
<script> var num = 0; // 定义第一个输入的数据 function jsq(num) { //获取当前输入 if(num=="%"){ document.getElementById('screenName').value=Math.round(document.getElementById('screenName').value)/100; }else{ document.getElementById('screenName').value += document.getElementById(num).value; } } function eva() { //计算输入结果 document.getElementById("screenName").value = eval(document.getElementById("screenName").value); } function clearNum() { //清0 document.getElementById("screenName").value = null; document.getElementById("screenName").focus(); } function tuiGe() { //退格 var arr = document.getElementById("screenName"); arr.value = arr.value.substring(0, arr.value.length - 1); } </script>
<body> <center><div id="calculator"> <div id="shuRu"> <div> <input type="text" id="screenName" name="screenName" style="width:233;"> </div> </div> <div id="keys"> <div> <input type="button" id="7" onclick="jsq(this.id)" value="7" style="width:40;"> <input type="button" id="8" onclick="jsq(this.id)" value="8" style="width:40;"> <input type="button" id="9" onclick="jsq(this.id)" value="9" style="width:40;"> <input type="button" id="Back" onclick="tuiGe()" value="Back" style="width:40;"> <input type="button" id="C" onclick="clearNum()" value="C" style="width:40;"> </div> <div> <input type="button" id="4" onclick="jsq(this.id)" value="4" style="width:40;"> <input type="button" id="5" onclick="jsq(this.id)" value="5" style="width:40;"> <input type="button" id="6" onclick="jsq(this.id)" value="6" style="width:40;"> <input type="button" id="*" onclick="jsq(this.id)" value="*" style="width:40;"> <input type="button" id="/" onclick="jsq(this.id)" value="/" style="width:40;"> </div> <div> <input type="button" id="1" onclick="jsq(this.id)" value="1" style="width:40;"> <input type="button" id="2" onclick="jsq(this.id)" value="2" style="width:40;"> <input type="button" id="3" onclick="jsq(this.id)" value="3" style="width:40;"> <input type="button" id="+" onclick="jsq(this.id)" value="+" style="width:40;"> <input type="button" id="-" onclick="jsq(this.id)" value="-" style="width:40;"> </div> <div> <input type="button" id="0" onclick="jsq(this.id)" value="0" style="width:40;"> <input type="button" id="00" onclick="jsq(this.id)" value="00" style="width:40;"> <input type="button" id="." onclick="jsq(this.id)" value="." style="width:40;"> <input type="button" id="%" onclick="jsq(this.id)" value="%" style="width:40;"> <input type="button" id="eva" onclick="eva()" value="=" class="buttons" style="width:40;"> </div> </div></div></center></body>
阅读全文
0 0
- 基于javascript的简易计算器
- 基于MFC的简易计算器
- 基于JQuery的简易计算器
- javaScript实现简易的计算器
- Javascript编写的简易计算器
- 基于51单片机的简易计算器
- 基于类实现的简易计算器
- 基于angularJs和Bootstrap的简易计算器
- 基于C语言的简易计算器
- JavaScript实现一个简易的计算器
- JavaScript之简易计算器的实现
- 原生JavaScript实现的简易计算器
- javascript完成简易计算器的功能
- JavaScript版简易计算器
- javascript实现简易计算器
- javascript制作简易计算器
- javascript制作简易计算器
- javascript制作简易计算器
- Java_4
- LeetCode 56. Merge Intervals
- Web基础面试题
- 浅谈矿池协议
- 回文数组(搜狐编程)--python
- 基于javascript的简易计算器
- Python爬虫利器一之Requests库的用法
- 关于linuxCast的遗憾。。。。:(
- 算法5 种花
- 记录几个前端笔/面试中常遇到的算法
- Mybatis主配置文件
- 织梦5.7系统dede:likearticle全站内容关联
- 山东物联网蓝盾杯网络空间攻防赛赛后总结
- MySQL知识点整理(学习资料)