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 相关文章推荐
use jscript List Installed Software
Jun 11 Javascript
Exitjs获取DataView中图片文件名
Nov 26 Javascript
Draggable Elements 元素拖拽功能实现代码
Mar 30 Javascript
Jquery 实现弹出层插件
Jan 28 Javascript
JS简单实现城市二级联动选择插件的方法
Aug 19 Javascript
js淡入淡出焦点图幻灯片效果代码分享
Sep 08 Javascript
javascript的 {} 语句块详解
Feb 27 Javascript
原生js实现打字动画游戏
Feb 04 Javascript
微信小程序template模板与component组件的区别和使用详解
May 22 Javascript
如何解决js函数防抖、节流出现的问题
Jun 17 Javascript
微信小程序 云开发模糊查询实现解析
Sep 02 Javascript
layui select 禁止点击的实现方法
Sep 05 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
首页四格,首页五格For6.0(GBK)(UTF-8)[12种组合][9-18][版主安装测试通过]
2007/09/24 PHP
ubuntu下编译安装xcache for php5.3 的具体操作步骤
2013/06/18 PHP
php中Array2xml类实现数组转化成XML实例
2014/12/08 PHP
基于ThinkPHP实现批量删除
2015/12/18 PHP
PHP文件缓存smarty模板应用实例分析
2016/02/26 PHP
php使用CURL模拟GET与POST向微信接口提交及获取数据的方法
2016/09/23 PHP
range 标准化之获取
2011/08/28 Javascript
Jquery焦点与失去焦点示例应用
2014/06/10 Javascript
jQuery中parentsUntil()方法用法实例
2015/01/07 Javascript
EasyUI中datagrid在ie下reload失败解决方案
2015/03/09 Javascript
基于jQuery实现多层次的手风琴效果附源码
2015/09/21 Javascript
基于jQuery 实现bootstrapValidator下的全局验证
2015/12/07 Javascript
javascript实现禁止复制网页内容汇总
2015/12/30 Javascript
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
2016/12/19 Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
2017/08/17 Javascript
JS在if中的强制类型转换方式
2018/07/15 Javascript
微信小程序新手教程之启动页的重要性
2019/03/03 Javascript
详解vue.js移动端配置flexible.js及注意事项
2019/04/10 Javascript
JavaScript中EventBus实现对象之间通信
2020/10/18 Javascript
[55:18]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python实现绘制双柱状图并显示数值功能示例
2018/06/23 Python
python引入不同文件夹下的自定义模块方法
2018/10/27 Python
CentOS 7下安装Python3.6 及遇到的问题小结
2018/11/08 Python
python实现创建新列表和新字典,并使元素及键值对全部变成小写
2019/01/15 Python
Python基于scipy实现信号滤波功能
2019/05/08 Python
pycharm中显示CSS提示的知识点总结
2019/07/29 Python
Python搭建代理IP池实现存储IP的方法
2019/10/27 Python
Python如何脚本过滤文件中的注释
2020/05/27 Python
Skip Hop官网:好莱坞宝宝挚爱品牌
2018/06/17 全球购物
三个Unix的命令面试题
2015/04/12 面试题
甜品蛋糕店创业计划书范文
2014/02/06 职场文书
网络宣传方案
2014/03/15 职场文书
《悯农》教学反思
2014/04/28 职场文书
感恩祖国演讲稿
2014/09/09 职场文书
清洁工个人工作总结
2015/03/05 职场文书
Node.js实现断点续传
2021/06/23 Javascript