javascript实现简易计算器


Posted in Javascript onFebruary 01, 2017

前言

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 写类方式之七
Jul 05 Javascript
用document.documentElement取代document.body的原因分析
Nov 12 Javascript
jquery表单验证使用插件formValidator
Nov 10 Javascript
获得Javascript对象属性个数的示例代码
Nov 21 Javascript
JS实现图片产生波纹一样flash效果的方法
Feb 27 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
Aug 12 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
Sep 14 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
Nov 09 Javascript
ES6学习教程之对象的扩展详解
May 02 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
Oct 13 Javascript
详解微信小程序canvas圆角矩形的绘制的方法
Aug 22 Javascript
微信小程序实现日历签到
Sep 21 Javascript
javascript实现右下角广告框效果
Feb 01 #Javascript
基于javascript实现最简单选项卡切换
Feb 01 #Javascript
快速实现jQuery多级菜单效果
Feb 01 #Javascript
angular实现商品筛选功能
Feb 01 #Javascript
Bootstarp基本模版学习教程
Feb 01 #Javascript
angular实现表单验证及提交功能
Feb 01 #Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 #Javascript
You might like
php下批量挂马和批量清马代码
2011/02/27 PHP
php xml常用函数的集合(比较详细)
2013/06/06 PHP
通过curl模拟post和get方式提交的表单类
2014/04/23 PHP
ThinkPHP3.1新特性之多数据库操作更加完善
2014/06/19 PHP
js运动框架_包括图片的淡入淡出效果
2013/05/11 Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
2013/08/09 Javascript
详细介绍8款超实用JavaScript框架
2013/10/25 Javascript
js控制div弹出层实现方法
2015/05/11 Javascript
JS获取数组最大值、最小值及长度的方法
2015/11/24 Javascript
Javascript对象字面量的理解
2016/06/22 Javascript
jQuery数组处理函数整理
2016/08/03 Javascript
浅谈Angular的$q, defer, promise
2016/12/20 Javascript
基于JavaScript实现的插入排序算法分析
2017/04/14 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
2018/10/19 Javascript
JavaScript实现的九种排序算法
2019/03/04 Javascript
vue移动端的左右滑动事件详解
2020/06/17 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
2020/11/07 Javascript
[01:30:55]VG vs Mineski Supermajor 败者组 BO3 第三场 6.6
2018/06/07 DOTA
[45:59]完美世界DOTA2联赛PWL S2 FTD vs GXR 第二场 11.22
2020/11/24 DOTA
合并百度影音的离线数据( with python 2.3)
2015/08/04 Python
python从入门到精通(DAY 3)
2015/12/20 Python
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
Python打印输出数组中全部元素
2018/03/13 Python
python3 pandas 读取MySQL数据和插入的实例
2018/04/20 Python
python使用Flask操作mysql实现登录功能
2018/05/14 Python
对pandas通过索引提取dataframe的行方法详解
2019/02/01 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
python3射线法判断点是否在多边形内
2019/06/28 Python
如何更改 pandas dataframe 中两列的位置
2019/12/27 Python
详解CSS3弹性伸缩盒
2020/09/21 HTML / CSS
美国最便宜的旅游网站:CheapTickets
2017/07/09 全球购物
C#笔试题和英文面试题
2013/02/07 面试题
应届大学生自荐信格式
2013/09/21 职场文书
励志演讲稿大全
2014/08/21 职场文书
医德医魂心得体会
2014/09/11 职场文书
MySQL 条件查询的常用操作
2022/04/28 MySQL