简单的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——表单应用范例
Feb 20 Javascript
js判断变量是否未定义的代码
Mar 28 Javascript
jQuery实现单行文字间歇向上滚动源代码
Jun 02 Javascript
Jquery遍历节点的方法小集
Jan 22 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
Oct 22 Javascript
JavaScript操作Cookie详解
Feb 28 Javascript
Hallo.js基于jQuery UI所见即所得的Web编辑器
Jan 26 Javascript
AngularJS 整理一些优化的小技巧
Aug 18 Javascript
three.js快速入门【推荐】
Jan 21 Javascript
angularJs在多个控制器中共享服务数据的方法
Sep 30 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
Jul 19 Javascript
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
利用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
玩转图像函数库―常见图形操作
2006/09/03 PHP
使用php get_headers 判断URL是否有效的解决办法
2013/04/27 PHP
ajax返回值中有回车换行、空格的解决方法分享
2013/10/24 PHP
php中数字、字符与对象判断函数用法实例
2014/11/26 PHP
PHP实现的网站目录扫描索引工具
2016/09/08 PHP
pjblog修改技巧汇总
2007/03/12 Javascript
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
jQuery Tips 为AJAX回调函数传递额外参数的方法
2010/12/28 Javascript
理清apply(),call()的区别和关系
2011/08/14 Javascript
图片延迟加载的实现代码(模仿懒惰)
2013/03/29 Javascript
node.js中的path.normalize方法使用说明
2014/12/08 Javascript
js模仿java的Map集合详解
2016/01/06 Javascript
jquery获取form表单input元素值的简单实例
2016/05/30 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
深入理解选择框脚本[推荐]
2016/12/13 Javascript
JavaScript中this的用法实例分析
2016/12/19 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/15 Javascript
JS组件系列之JS组件封装过程详解
2017/04/28 Javascript
vue中如何创建多个ueditor实例教程
2017/11/14 Javascript
React Router v4 入坑指南(小结)
2018/04/08 Javascript
js正则表达式校验指定字符串的方法
2018/07/23 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
webpack打包优化的几个方法总结
2020/02/10 Javascript
Vue如何基于es6导入外部js文件
2020/05/15 Javascript
Python实现的直接插入排序算法示例
2018/04/29 Python
利用Python实现Json序列化库的方法步骤
2020/09/09 Python
英国在线女鞋目的地:SIMMI
2018/12/27 全球购物
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
2014/12/30 面试题
毕业生的自我评价分享
2013/12/18 职场文书
毕业生就业意向书
2014/04/01 职场文书
高中英语演讲稿范文
2014/04/24 职场文书
处级干部考察材料
2014/12/24 职场文书
肖申克的救赎观后感
2015/06/02 职场文书
早安问候语大全
2015/11/10 职场文书
小学数学新课改心得体会
2016/01/22 职场文书
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏