前言
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>
就爱阅读 www.92to.com 网友整理上传, 为您提供最全的知识大全, 期待您的分享,转载请注明出处。
来源: http://www.92to.com/bangong/2017/02-28/17837945.html