javascript实现简易计算器

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 "https://www.jb51.net/": result = a/b; break; case "%": result = a%b; break; } document.getElementById("answer").value = result; } </script> </head> <body> <input type='text' /> <select> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="https://www.jb51.net/">/</option> <option value="%">%</option> </select> <input type='text' /> <input type='button' value=' = '/> <!--通过 = 按钮来调用创建的函数,得到结果--> <input type='text' /> </body> </html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwgssj.html