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 相关文章推荐
用Javscript实现表单复选框的全选功能
May 25 Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
基于jQuery的可用于选项卡及幻灯的切换插件
Mar 28 Javascript
使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效
Sep 24 Javascript
JavaScript实现的SHA-1加密算法完整实例
Feb 02 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
Mar 04 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
Dec 02 Javascript
angular2倒计时组件使用详解
Jan 12 Javascript
JS实现含有中文字符串的友好截取功能分析
Mar 13 Javascript
javascript作用域链与执行环境详解
Mar 25 Javascript
React中上传图片到七牛的示例代码
Oct 10 Javascript
JS实现的抛物线运动效果示例
Jan 30 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抓取、分析国内视频网站的视频信息工具类
2014/04/02 PHP
php+xml实现在线英文词典查询的方法
2015/01/23 PHP
php实现格式化多行文本为Js可用格式
2015/04/15 PHP
PHP实现创建微信自定义菜单的方法示例
2017/07/14 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
基于Web标准的UI组件 — 树状菜单(2)
2006/09/18 Javascript
JavaScript类和继承 this属性使用说明
2010/09/03 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
2013/09/29 Javascript
javascript 自定义回调函数示例代码
2014/09/26 Javascript
Js实现网页键盘控制翻页的方法
2014/10/30 Javascript
jQuery实现监控页面所有ajax请求的方法
2015/12/10 Javascript
原生Javascript和jQuery做轮播图简单例子
2016/10/11 Javascript
Angular2 Service实现简单音乐播放器服务
2017/02/24 Javascript
ES6新数据结构Map功能与用法示例
2017/03/31 Javascript
Angular5中调用第三方js插件的方法
2018/02/26 Javascript
vue使用jsonp抓取qq音乐数据的方法
2018/06/21 Javascript
VUE动态生成word的实现
2020/07/26 Javascript
[05:06]2017亚洲邀请赛DAC回顾片
2017/04/19 DOTA
[01:05:07]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第一场2月1日
2021/03/11 DOTA
python实现数通设备tftp备份配置文件示例
2014/04/02 Python
Python datetime时间格式化去掉前导0
2014/07/31 Python
python如何让类支持比较运算
2018/03/20 Python
Python3单行定义多个变量或赋值方法
2018/07/12 Python
python3实现往mysql中插入datetime类型的数据
2020/03/02 Python
美国传奇滑手Paul Rodriguez创办的街头滑板品牌:Primitive Skateboarding
2019/10/29 全球购物
优质飞蝇钓和渔具:RiverBum
2020/05/10 全球购物
中药专业毕业自荐书范文
2014/02/08 职场文书
德语专业求职信
2014/03/12 职场文书
优秀少先队工作者事迹材料
2014/05/13 职场文书
建筑工地宣传标语
2014/06/18 职场文书
法人代表授权委托书范文
2014/09/10 职场文书
2015年办税服务厅工作总结
2015/07/23 职场文书
2015年第31个教师节致辞
2015/07/31 职场文书
教师信息技术学习心得体会
2016/01/21 职场文书
员工保密协议范本,您一定得收藏!很有用!
2019/08/08 职场文书
多台电脑共享文件怎么设置?多台电脑共享文件操作教程
2022/04/08 数码科技