javascript实现简易计算器
更新时间：2017年02月01日 10:20:35 作者：Jack-小俊
这篇文章主要为大家详细介绍了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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
下面小编就为大家分享一篇js将键值对字符串转为json字符串的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
自己整理得一个JavaScript写的一个DIV 弹出网页对话框2009-08-08
javascript中的altKey 和 Event属性大全
本文给大家介绍javascript中的altkey和event属性大全，涉及到altkey和event属性语法定义及用法，本文介绍的非常详细，感兴趣的朋友一起看看吧2015-11-11
这篇文章主要介绍了记录一次websocket封装的过程，帮助大家更好的理解和封装websocket，感兴趣的朋友可以了解下2020-11-11![JavaScript 更严格的相等 [译]](//img.jbzj.com/images/xgimg/bcimg4.png)
大部分JavaScript程序员都知道:应该使用严格相等(===)来代替“普通”的相等操作(==).但是,有时候你的确需要一个比严格相等===更严格的运算符,比如说:在你想检查某个值是否是NaN的时候,又或者你想区分-0和+0的时候.本文解释了相关的知识以及ECMAScript.next中的解决办法:“is”操作符2012-09-09
这篇文章主要介绍了JavaScript中的连续赋值问题,结合实例形式分析了javascript赋值语句以及连续赋值操作相关用法与操作注意事项,需要的朋友可以参考下2019-07-07
图片懒加载也是比较常见的一种性能优化的方法，本篇文章主要介绍了原生JS实现图片懒加载(lazyload)实例，这里整理了详细的代码,有需要的小伙伴可以参考下2017-06-06
这篇文章主要介绍了原生js实现call,apply以及bind，帮助大家更好的理解和学习使用JavaScript，感兴趣的朋友可以了解下2021-04-04
项目中需要判断IE版本号，又因为 jQuery 2.0 去除了对浏览器版本号的判断于是就看到一老外写的一段代码，下面与大家分享下2013-09-09
这篇文章主要介绍了JavaScript实现页面跳转的方式汇总的相关资料,需要的朋友可以参考下2016-05-05
![JavaScript 更严格的相等 [译]](http://img.jbzj.com/images/xgimg/bcimg4.png)
最新评论