简单的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 相关文章推荐
一直复略了的一个问题,关于表单重复提交
Feb 15 Javascript
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
Apr 01 Javascript
JS 控件事件小结
Oct 31 Javascript
ext前台接收action传过来的json数据示例
Jun 17 Javascript
JavaScript实现图片DIV竖向滑动的方法
Apr 25 Javascript
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
Aug 11 Javascript
js实现对ajax请求面向对象的封装
Jan 08 Javascript
JS中setTimeout的巧妙用法前端函数节流
Mar 24 Javascript
JavaScript的事件机制详解
Jan 17 Javascript
基于Vue实现支持按周切换的日历
Sep 24 Javascript
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 jQuery
jQuery实现开关灯效果
Aug 02 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
php基础知识:函数基础知识
2006/12/13 PHP
用PHP生成静态HTML速度快类库
2007/03/18 PHP
基于php实现长连接的方法与注意事项的问题
2013/05/10 PHP
[原创]php逐行读取txt文件写入数组的方法
2015/07/02 PHP
jQuery+PHP发布的内容进行无刷新分页(Fckeditor)
2015/10/22 PHP
PHP自定义函数获取汉字首字母的方法
2016/12/01 PHP
php传值方式和ajax的验证功能
2017/03/27 PHP
js函数使用技巧之 setTimeout(function(){},0)
2009/02/09 Javascript
JS写的贪吃蛇游戏(个人练习)
2013/07/08 Javascript
node.js不得不说的12点内容
2014/07/14 Javascript
jQuery使用removeClass方法删除元素指定Class的方法
2015/03/26 Javascript
深入解读JavaScript中的Hoisting机制
2015/08/12 Javascript
详解JavaScript中的4种类型识别方法
2015/09/14 Javascript
Position属性之relative用法
2015/12/14 Javascript
jQuery和JavaScript节点插入元素的方法对比
2016/11/18 Javascript
深入浅析JSONAPI在PHP中的应用
2017/12/24 Javascript
JavaScript笛卡尔积超简单实现算法示例
2018/07/30 Javascript
小程序如何使用分包加载的实现方法
2019/05/22 Javascript
VSCode搭建React Native环境
2020/05/07 Javascript
让python在hadoop上跑起来
2016/01/27 Python
Python 列表去重去除空字符的例子
2019/07/20 Python
python编程进阶之类和对象用法实例分析
2020/02/21 Python
Python如何执行系统命令
2020/09/23 Python
Python threading模块condition原理及运行流程详解
2020/10/05 Python
python对输出的奇数偶数排序实例代码
2020/12/04 Python
python绕过图片滑动验证码实现爬取PTA所有题目功能 附源码
2021/01/06 Python
jupyter 添加不同内核的操作
2021/02/06 Python
HTML最新标准HTML5总结(必看)
2016/06/13 HTML / CSS
取保候审保证书
2014/04/30 职场文书
一帮一活动总结
2014/05/08 职场文书
党员检讨书
2014/10/13 职场文书
教师个人培训总结
2015/02/11 职场文书
小学国庆节活动总结
2015/03/23 职场文书
运动会800米赞词
2015/07/22 职场文书
pytorch Dropout过拟合的操作
2021/05/27 Python
MongoDB数据库部署环境准备及使用介绍
2022/03/21 MongoDB