javascript实现-简易计算器
2017-01-27 10:15
169 查看
前言
hello,大家好,学习一段时间了,学习了框架和后台的内容,为了防止前端的js和jq的熟练度不够,忘记很多算法和基础用法,会陆陆续续更新一些小的功能效果code,用于记录和积累,不足之处很多,封装性和代码冗余暂且不严格要求,尽力完善,保持更新..
简易加减乘除计算器,利用表单的value值取值,用原生js实现.可直接复制到编辑器,打开即可运行.
hello,大家好,学习一段时间了,学习了框架和后台的内容,为了防止前端的js和jq的熟练度不够,忘记很多算法和基础用法,会陆陆续续更新一些小的功能效果code,用于记录和积累,不足之处很多,封装性和代码冗余暂且不严格要求,尽力完善,保持更新..
简易加减乘除计算器,利用表单的value值取值,用原生js实现.可直接复制到编辑器,打开即可运行.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>加减乘除计算器</title> <script type="text/javascript"> function count(){ var a = parseInt(document.getElementById("txt1").value); var b = parseInt(document.getElementById("txt2").value) ; var sign = document.getElementById("select").value; var result = 0; switch(sign){ case "+": result = a+b; break; case "-": result = a-b; break; case "*": result = a*b; break; case "/": result = a/b; break; case "%": result = a%b; break; } document.getElementById("answer").value = result; } </script> </head> <body> <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> <option value="%">%</option> </select> <input type='text' id='txt2' /> <input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> <input type='text' id='answer' /> </body> </html>
相关文章推荐
- javaScript简单实例:实现一个简易计算器
- 原生JavaScript实现的简易计算器
- javascript实现简易计算器
- javascript实现简易计算器的代码
- JavaScript实现简易计算器
- JavaScript之简易计算器的实现
- javascript实现简易计算器
- 黑马程序员之javascript学习笔记:用javascript实现一个简易计算器
- [转贴]JavaScript的Prototype实现
- 实现JavaScript的继承
- 『收藏』可拖放移动的层的Javascript实现
- JavaScript实现的Base64编码和解码
- javascript 中对Trim()的实现
- JSP + JavaScript 实现类似 MSDN CSDN 导航树效果!
- [导入]JavaScript实现的Base64编码和解码
- 『改进』逐行滚动文字效果的Javascript实现
- javascript/Jscript实现父子窗体的互相引用问题
- Javascript实现DES加密算法。
- JSP + JavaScript 实现类似 MSDN CSDN 导航树效果!
- 用JavaScript实现动画效果