Welcome

首页 / 脚本样式 / JavaScript / 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 "/": 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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。