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 学习之旅 (3)
Feb 05 Javascript
js判断字符是否是汉字的两种方法小结
Jan 03 Javascript
网页中表单按回车就自动提交的问题的解决方案
Nov 03 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
Sep 17 Javascript
AngularJS 入门教程之HTML DOM实例详解
Jul 28 Javascript
js实现简易垂直滚动条
Feb 22 Javascript
Angular1.x复杂指令实例详解
Mar 01 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
Feb 02 Javascript
vue项目中仿element-ui弹框效果的实例代码
Apr 22 Javascript
深入了解JavaScript 的 WebAssembly
Jun 15 Javascript
JavaScript 如何在浏览器中使用摄像头
Dec 02 Javascript
小程序实现侧滑删除功能
Jun 25 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 多维数组排序实现代码
2009/08/05 PHP
php搜索文件程序分享
2015/10/30 PHP
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
php禁用函数设置及查看方法详解
2016/07/25 PHP
Yii 框架入口脚本示例分析
2020/05/19 PHP
JS Timing
2007/04/21 Javascript
jquery tools 系列 scrollable(2)
2009/09/06 Javascript
JS版的date函数(和PHP的date函数一样)
2014/05/12 Javascript
javascript常用的正则表达式实例
2014/05/15 Javascript
基于jQuery+JSON的省市二三级联动效果
2015/06/05 Javascript
js实现的Easy Tabs选项卡用法实例
2015/09/06 Javascript
JavaScript基于原型链的继承
2016/06/22 Javascript
详谈jQuery.load()和Jsp的include的区别
2017/04/12 jQuery
ES6正则表达式扩展笔记
2017/07/25 Javascript
Vue实现搜索 和新闻列表功能简单范例
2018/03/16 Javascript
vue element项目引入icon图标的方法
2018/06/06 Javascript
JS实现获取当前所在周的周六、周日示例分析
2019/05/11 Javascript
JS 自执行函数原理及用法
2019/08/05 Javascript
如何优雅地取消 JavaScript 异步任务
2020/03/22 Javascript
Python中的Matplotlib模块入门教程
2015/04/15 Python
python-str,list,set间的转换实例
2018/06/27 Python
Python不使用int()函数把字符串转换为数字的方法
2018/07/09 Python
python 用opencv调用训练好的模型进行识别的方法
2018/12/07 Python
python并发编程多进程之守护进程原理解析
2019/08/20 Python
巴西宠物店在线:Geração Pet
2017/05/31 全球购物
次世代生活态度:Hypebeast
2018/07/05 全球购物
苏格兰在线威士忌商店:The Whisky Barrel
2019/05/07 全球购物
大学生职业生涯规划书模版
2013/12/30 职场文书
读书之星事迹材料
2014/05/12 职场文书
法人代表证明书格式
2014/10/01 职场文书
2014年手术室工作总结
2014/11/26 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
公司禁烟通知
2015/04/23 职场文书
初一年级组工作总结
2015/08/12 职场文书
Docker 镜像介绍以及commit相关操作
2022/04/13 Servers
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python