JavaScript简易计算器
2016-03-05 21:18
555 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS计算器</title> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> </head> <body style="margin:50px"> <div class="form-group"> <div class="col-sm-3"> <input type="text" id="sum1" class="form-control" placeholder="请输入第一个数"> </div> <div class="col-sm-2"> <select id="sign" class="form-control"> <option>加</option> <option>减</option> <option>乘</option> <option>除</option> <option>取余</option> </select> </div> <div class="col-sm-3"> <input type="text" id="sum2" placeholder="请输入第二个数" class="form-control"> </div> <div class="col-sm-1"> <button id="equal" class="btn btn-info" style="width:100%;" onclick="equals()">=</button> </div> <div class="col-sm-3"> <label id="count"class="form-control"></label> </div> </div> <script type="text/javascript"> var sum1; var sum2; var sign; var fruit; function equals(){ sum1 = parseInt(document.getElementById("sum1").value); sum2 = parseInt(document.getElementById("sum2").value); if (isNaN(sum1) || isNaN(sum2)) { document.getElementById("count").innerHTML = "您输入的不是数字,请重新输入!"; }else{ sign = document.getElementById("sign").value; switch(sign){ case '加': fruit = sum1 + sum2; break; case '减': fruit = sum1 - sum2; break; case '乘': fruit = sum1 * sum2; break; case '除': if (sum2 == 0) { fruit = "被除数不能为0,请重新输入!"; break; }else{ fruit = sum1 / sum2; break; } case '取余': fruit = sum1 % sum2; break; } document.getElementById("count").innerHTML = fruit; }; } </script> </body> </html>
相关文章推荐
- 深入理解变量声明提升和函数声明提升
- 传智博客 JS(显示当前系统时间)
- jsp九大内置对象简介
- CommonJS模块规范
- JavaScript的一些记录
- JavaScript 变量的作用域
- json排序
- js中的|| 与 &&
- 【js笔记】神奇的js将a标签转换为超强的submit按钮
- JS思维之路菜鸟也能有大能量-序幕
- js闭包(三)
- js闭包(二)
- javascript学习----window对象的学习与总结
- js
- JSP九大内置对象和四种属性范围解读
- js变量、作用域和内存问题的复习**
- js 省市级联
- JS面向对象组件 -- 继承的其他方式(类式继承、原型继承)
- javascript 面向对象编程
- js的事件流理解