简单的js计算器实现


Posted in Javascript onOctober 26, 2016

本文实例为大家分享了js计算器实现代码,供大家参考,具体内容如下

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8"> 
  <title></title>
  </head>
  <body >
 <input type='text' id='txt1' />
 
<select id='select'>



 

<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='fruit' />
 </body>

<script type="text/javascript">
 
//制做简单计算器
 

function count() {
 

var txt1 = document.all.txt1.value;
 

var txt2 = document.all.txt2.value;
 

var s=document.all.select.value;
 

var z;
 

 switch(s){
 

 case "+": z=parseFloat(txt1)+parseFloat(txt2);break;
 

 case "-": z=parseFloat(txt1)-parseFloat(txt2);break;
     case "*":z=parseFloat(txt1)*parseFloat(txt2);break;
 
 
case "/":z=parseFloat(txt1)/parseFloat(txt2);break;

 


}
 


document.getElementById("fruit").value=z; 

 


}

 

</script>

 

</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery表格行换色的三种实现方法
Jun 27 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
Jul 10 Javascript
javascript SpiderMonkey中的函数序列化如何进行
Dec 05 Javascript
鼠标经过显示二级菜单js特效
Aug 13 Javascript
从零学JSON之JSON数据结构
May 19 Javascript
JavaScript实现找质数代码分享
Mar 24 Javascript
JavaScript实现select添加option
Jul 03 Javascript
jQuery解决浏览器兼容性问题案例分析
Apr 15 Javascript
JavaScript排序算法动画演示效果的实现方法
Oct 18 Javascript
VueJS如何引入css或者less文件的一些坑
Apr 25 Javascript
AngularJS自定义指令之复制指令实现方法
May 18 Javascript
d3.js实现自定义多y轴折线图的示例代码
May 30 Javascript
利用python分析access日志的方法
Oct 26 #Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
Oct 26 #Javascript
关于Jquery中的事件绑定总结
Oct 26 #Javascript
IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法
Oct 25 #Javascript
理解JavaScript原型链
Oct 25 #Javascript
Ztree新增角色和编辑角色回显问题的解决
Oct 25 #Javascript
jQuery+json实现动态创建复杂表格table的方法
Oct 25 #Javascript
You might like
php快速url重写 更新版[需php 5.30以上]
2010/04/20 PHP
PHP中开启gzip压缩的2种方法
2015/01/31 PHP
Zend Framework教程之动作的基类Zend_Controller_Action详解
2016/03/07 PHP
PHP中的Iterator迭代对象属性详解
2019/04/12 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
收集的网上用的ajax之chat.js文件
2007/04/08 Javascript
js去字符串前后空格5种实现方法及比较
2013/04/03 Javascript
js读取cookie方法总结
2014/10/31 Javascript
jQuery获得document和window对象宽度和高度的方法
2015/03/25 Javascript
jQuery+HTML5加入购物车代码分享
2020/10/29 Javascript
解决JS请求服务器gbk文件乱码的问题
2015/10/16 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
javascript容错处理代码(屏蔽js错误)
2017/01/20 Javascript
微信小程序实现动态列表项的顺序加载动画
2019/07/25 Javascript
浅谈Vue使用Elementui修改默认的最快方法
2020/12/05 Vue.js
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
2021/01/29 Javascript
详解Python的单元测试
2015/04/28 Python
在Lighttpd服务器中运行Django应用的方法
2015/07/22 Python
python3实现ftp服务功能(客户端)
2017/03/24 Python
Python实现的十进制小数与二进制小数相互转换功能
2017/10/12 Python
python读写LMDB文件的方法
2018/07/02 Python
python numpy数组的索引和切片的操作方法
2018/10/20 Python
python pandas读取csv后,获取列标签的方法
2018/11/12 Python
python如何查看微信消息撤回
2018/11/27 Python
python unichr函数知识点总结
2020/12/16 Python
python time.strptime格式化实例详解
2021/02/03 Python
新西兰廉价汽车租赁:Snap Rentals
2018/09/14 全球购物
校长先进事迹材料
2014/02/01 职场文书
2014最新预备党员思想汇报范文:中国梦,我的梦
2014/10/25 职场文书
电气工程师岗位职责
2015/02/12 职场文书
大学生党员个人总结
2015/02/13 职场文书
学生会干部任命书
2015/09/21 职场文书
2016春季运动会开幕词
2016/03/04 职场文书
幼师必备:幼儿园期末教师评语50条
2019/11/01 职场文书
Python基础之元类详解
2021/04/29 Python
Python连接Postgres/Mysql/Mongo数据库基本操作大全
2021/06/29 Python