简单的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 toggle使用分析
Nov 16 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
Aug 14 Javascript
jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码
Sep 09 Javascript
跟我学习javascript的垃圾回收机制与内存管理
Nov 23 Javascript
JavaScript学习小结(7)之JS RegExp
Nov 29 Javascript
JavaScript计算器网页版实现代码分享
Jul 15 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
Feb 20 Javascript
jQuery Ajax前后端使用JSON进行交互示例
Mar 17 Javascript
详解vue-cli快速构建vue应用并实现webpack打包
Dec 13 Javascript
vue中axios实现数据交互与跨域问题
May 12 Javascript
8个有意思的JavaScript面试题
Jul 30 Javascript
Vue中computed及watch区别实例解析
Aug 01 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
比特率,大家看看这个就不用收音机音质去比MP3音质了
2021/03/01 无线电
如何开发一个虚拟域名系统
2006/10/09 PHP
yiic命令时提示“php.exe”不是内部或外部命令的解决方法
2014/12/18 PHP
PHP的全局错误处理详解
2016/04/25 PHP
php使用Jpgraph创建柱状图展示年度收支表效果示例
2017/02/15 PHP
最佳JS代码编写的14条技巧
2011/01/09 Javascript
editable.js 基于jquery的表格的编辑插件
2011/10/24 Javascript
Jquery easyui 下loaing效果示例代码
2013/08/12 Javascript
jquery验证邮箱格式是否正确实例讲解
2015/11/16 Javascript
谈谈JavaScript类型系统之Math
2016/01/06 Javascript
分享12个实用的jQuery代码片段
2016/03/09 Javascript
Bootstrap基本布局实现方法详解
2016/11/25 Javascript
vue实现移动端图片裁剪上传功能
2020/08/18 Javascript
动态加载、移除js/css文件的示例代码
2018/03/20 Javascript
webpack配置打包后图片路径出错的解决
2018/04/26 Javascript
Vue隐藏显示、只读实例代码
2018/07/18 Javascript
vue实现行列转换的一种方法
2019/08/06 Javascript
简单了解vue中的v-if和v-show的区别
2019/10/08 Javascript
vue-resource:jsonp请求百度搜索的接口示例
2019/11/09 Javascript
[01:20:47]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第一场 1月19日
2021/03/11 DOTA
浅析python继承与多重继承
2018/09/13 Python
Python调用adb命令实现对多台设备同时进行reboot的方法
2018/10/15 Python
解决pandas.DataFrame.fillna 填充Nan失败的问题
2018/11/06 Python
Python使用Selenium模拟浏览器自动操作功能
2020/09/08 Python
AT&T Wireless:手机、无限数据计划和配件
2018/06/03 全球购物
英国家居用品和床上用品零售商:P&B Home
2020/01/16 全球购物
汽车专业人才自我鉴定范文
2013/12/29 职场文书
好家长事迹材料
2014/01/23 职场文书
信用社员工先进事迹材料
2014/02/04 职场文书
大学生创业项目方案
2014/03/08 职场文书
政治思想表现评语
2014/05/04 职场文书
离职保密承诺书
2014/05/28 职场文书
人大代表选举标语
2014/10/07 职场文书
2014年社区宣传工作总结
2014/12/02 职场文书
2015学校六五普法工作总结
2015/04/22 职场文书
2019邀请函格式及范文
2019/05/20 职场文书