简单的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 相关文章推荐
运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序
Apr 21 Javascript
javascript instanceof 与typeof使用说明
Jan 11 Javascript
推荐10个超棒的jQuery工具提示插件
Oct 11 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
Jan 13 Javascript
JavaScript中的null和undefined解析
Apr 14 Javascript
js判断浏览器类型的方法
Aug 07 Javascript
javascript使用call调用微信API
Dec 15 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
Mar 09 Javascript
javascript判断图片是否加载完成的方法推荐
May 13 Javascript
jQuery中过滤器的基本用法示例
Oct 11 jQuery
详解Vue的mixin策略
Nov 19 Vue.js
JavaScript实现前端网页版倒计时
Mar 24 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
使用 MySQL Date/Time 类型
2008/03/26 PHP
UCenter中的一个可逆加密函数authcode函数代码
2010/07/20 PHP
PHP通过正则表达式下载图片到本地的实现代码
2011/09/19 PHP
php时间戳转换的示例
2014/03/31 PHP
destoon实现商铺管理主页设置增加新菜单的方法
2014/06/26 PHP
PHP+jQuery 注册模块的改进(三):更新到Smarty3.1
2014/10/14 PHP
php遍历CSV类实例
2015/04/14 PHP
Javascript的IE和Firefox兼容性汇编(zz)
2007/02/02 Javascript
xml文档转换工具,附图表例子(hta)
2010/11/17 Javascript
JQuery实现简单验证码提示解决方案
2012/12/20 Javascript
手机号码,密码正则验证
2014/09/04 Javascript
Javascript访问器属性实例分析
2014/12/30 Javascript
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
2015/11/04 Javascript
关于vuex的学习实践笔记
2017/04/05 Javascript
微信小程序 数据绑定及运算的简单实例
2017/09/20 Javascript
vue2.0 中使用transition实现动画效果使用心得
2018/08/13 Javascript
jquery实现掷骰子小游戏
2019/10/24 jQuery
jQuery操作事件完整实例分析
2020/01/10 jQuery
vue+axios 拦截器实现统一token的案例
2020/09/11 Javascript
vant自定义二级菜单操作
2020/11/02 Javascript
[04:32]DOTA2著名解说配音敌法师 现场专访海涛怒切假腿
2013/12/20 DOTA
python if not in 多条件判断代码
2016/09/21 Python
python与C互相调用的方法详解
2017/07/14 Python
对Python中9种生成新对象的方法总结
2018/05/23 Python
详解python实现识别手写MNIST数字集的程序
2018/08/03 Python
python 切换root 执行命令的方法
2019/01/19 Python
PythonWeb项目Django部署在Ubuntu18.04腾讯云主机上
2019/04/01 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
有影响力的品牌之家:Our Social Collective
2019/06/08 全球购物
毕业生自荐信的主要内容
2013/10/29 职场文书
护士毕业生自我鉴定
2014/02/08 职场文书
安全生产活动月方案
2014/03/09 职场文书
表彰会主持词
2014/03/26 职场文书
《冬阳童年骆驼队》教学反思
2014/04/15 职场文书
HTML5 新增内容和 API详解
2021/11/17 HTML / CSS
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android