简单的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 相关文章推荐
js类 from qq
Nov 13 Javascript
jquery 弹出层注册页面等(asp.net后台)
Jun 17 Javascript
基于jquery的二级联动菜单实现代码
Apr 25 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
Jun 06 Javascript
jQuery遍历节点树方法分析
Sep 08 Javascript
利用JS屏蔽页面中的Enter按键提交表单的方法
Nov 25 Javascript
AngularJS中使用ngModal模态框实例
May 27 Javascript
官方推荐react-navigation的具体使用详解
May 08 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
Sep 29 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
Oct 25 Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
Dec 11 Javascript
基于原生js实现判断元素是否有指定class名
Jul 11 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
全国FM电台频率大全 - 28 甘肃省
2020/03/11 无线电
PHP下通过QRCode类库创建中间带网站LOGO的二维码
2014/07/12 PHP
PHP高级编程实例:编写守护进程
2014/09/02 PHP
php通过curl模拟登陆DZ论坛
2015/05/11 PHP
laravel学习教程之存取器
2016/07/30 PHP
浅谈ThinkPHP5.0版本和ThinkPHP3.2版本的区别
2017/06/17 PHP
laravel-admin 在列表页添加自定义按钮的例子
2019/09/30 PHP
laravel 执行迁移回滚示例
2019/10/23 PHP
原生JS实现加入收藏夹的代码
2013/10/24 Javascript
js和jquery中循环的退出和继续学习记录
2014/09/06 Javascript
Javascript常用字符串判断函数代码分享
2014/12/08 Javascript
JavaScript数据结构与算法之链表
2016/01/29 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
JS生成不重复的随机数组的简单实例
2016/07/10 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
基于JavaScript实现轮播图代码
2016/07/14 Javascript
vue如何引用其他组件(css和js)
2017/04/13 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
2017/04/13 Javascript
BootStrap 标题设置跨行无效的解决方法
2017/10/25 Javascript
浅谈使用React.setState需要注意的三点
2017/12/18 Javascript
vue项目中用cdn优化的方法
2018/01/03 Javascript
JavaScript根据json生成html表格的示例代码
2018/10/24 Javascript
js实现计算器功能
2020/08/10 Javascript
Python装饰器原理与简单用法实例分析
2018/04/29 Python
pygame实现俄罗斯方块游戏(基础篇2)
2019/10/29 Python
Giglio美国站:意大利奢侈品购物网
2018/02/10 全球购物
美国五金商店:Ace Hardware
2018/03/27 全球购物
安全标准化实施方案
2014/02/20 职场文书
国际贸易专业自荐信
2014/06/10 职场文书
学校党委副书记个人对照检查材料思想汇报
2014/09/28 职场文书
计划生育证明格式及范本
2014/10/09 职场文书
工资证明范本
2015/06/12 职场文书
小学数学继续教育研修日志
2015/11/13 职场文书
python编写函数注意事项总结
2021/03/29 Python
一文搞懂Golang 时间和日期相关函数
2021/12/06 Golang
Vue.Draggable实现交换位置
2022/04/07 Vue.js