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 相关文章推荐
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
Apr 02 Javascript
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
May 07 Javascript
jquery中prop()方法和attr()方法的区别浅析
Sep 06 Javascript
jquery mobile事件多次绑定示例代码
Sep 13 Javascript
jquery库文件略庞大用纯js替换jquery的方法
Aug 12 Javascript
Javascript基础教程之if条件语句
Jan 18 Javascript
JS实现进入页面时渐变背景色的方法
Feb 25 Javascript
JavaScript中Number对象的toFixed() 方法详解
Sep 02 Javascript
用file标签实现多图文件上传预览
Feb 14 Javascript
VueJS事件处理器v-on的使用方法
Sep 27 Javascript
微信小程序实现图片懒加载的示例代码
Dec 13 Javascript
Vue 页面跳转不用router-link的实现代码
Apr 12 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的字符串用法小结
2010/06/08 PHP
PHP 线程安全与非线程安全版本的区别深入解析
2013/08/06 PHP
PHP微信分享开发详解
2017/01/14 PHP
Yii2使用表单上传文件的实例代码
2017/08/03 PHP
PHP使用Redis实现防止大并发下二次写入的方法
2017/10/09 PHP
Javascript实现获取窗口的大小和位置代码分享
2014/12/04 Javascript
完美兼容多浏览器的js判断图片路径代码汇总
2015/04/17 Javascript
js实现完美兼容各大浏览器的人民币大小写相互转换
2015/10/29 Javascript
AngularJs表单验证实例详解
2016/05/30 Javascript
Nodejs抓取html页面内容(推荐)
2016/08/11 NodeJs
Angular.js中处理页面闪烁的方法详解
2017/03/09 Javascript
JS异步函数队列功能实例分析
2017/11/28 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
2017/12/05 Javascript
vue脚手架搭建过程图解
2018/06/06 Javascript
jquery操作checkbox的常用方法总结【附测试源码下载】
2019/06/10 jQuery
vue中watch和computed为什么能监听到数据的改变以及不同之处
2019/12/27 Javascript
[01:55]2014DOTA2国际邀请赛 BBC正赛第一天总结
2014/07/10 DOTA
[01:11:35]Liquid vs LGD 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python实现全角半角字符互转的方法
2016/11/28 Python
Python二叉树定义与遍历方法实例分析
2018/05/25 Python
python3 cvs将数据读取为字典的方法
2018/12/22 Python
Python列表的切片实例讲解
2019/08/20 Python
python不使用for计算两组、多个矩形两两间的iou方式
2020/01/18 Python
Python打包工具PyInstaller的安装与pycharm配置支持PyInstaller详细方法
2020/02/27 Python
英国简约舒适女装品牌:Great Plains
2018/07/27 全球购物
英国家居用品和家居装饰品购物网站:Cox & Cox
2019/08/25 全球购物
餐饮营销方案
2014/02/23 职场文书
小学生作文评语
2014/04/18 职场文书
电钳工人个人求职信
2014/05/10 职场文书
刑事辩护授权委托书
2014/09/13 职场文书
百年孤独读书笔记
2015/06/29 职场文书
呐喊读书笔记
2015/06/30 职场文书
2016年春季运动会加油稿
2015/07/22 职场文书
2015重阳节座谈会主持词
2015/07/30 职场文书
PHP新手指南
2021/04/01 PHP
详解PHP用mb_string处理windows中文字符
2021/05/26 PHP