简单的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 相关文章推荐
JavaScript入门教程(12) js对象化编程
Jan 31 Javascript
jQuery 下拉列表 二级联动插件分享
Mar 29 Javascript
jQuery实现用户注册的表单验证示例
Aug 28 Javascript
Asp.Net alert弹出提示信息的几种方法总结
Jan 29 Javascript
jQuery中$.each使用详解
Jan 29 Javascript
js与jQuery实现checkbox复选框全选/全不选的方法
Jan 05 Javascript
基于jquery实现下拉框美化特效
Feb 02 Javascript
全屏js头像上传插件源码高清版
Mar 29 Javascript
js中获取时间new Date()的全面介绍
Jun 20 Javascript
BootStrap glyphicon图标无法显示的解决方法
Sep 06 Javascript
JS字符串按逗号和回车分隔的方法
Apr 25 Javascript
JavaScript 自定义html元素鼠标右键菜单功能
Dec 02 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
php实现的MySQL通用查询程序
2007/03/11 PHP
php5.3 goto函数介绍和示例
2014/03/21 PHP
PHP实现显示照片exif信息的方法
2014/07/11 PHP
MySql数据库查询结果用表格输出PHP代码示例
2015/03/20 PHP
支持中文的PHP按字符串长度分割成数组代码
2015/05/17 PHP
浅谈PHP中静态方法和非静态方法的相互调用
2016/10/04 PHP
PHP中静态变量的使用方法实例分析
2016/12/01 PHP
tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析
2020/02/11 PHP
js AspxButton的客户端操作
2009/06/26 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
2013/06/28 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
2014/06/15 Javascript
jquery操作angularjs对象
2015/06/26 Javascript
javascript合并表格单元格实例代码
2016/01/03 Javascript
深入理解Javascript中的自执行匿名函数
2016/06/03 Javascript
JavaScript中匿名函数的递归调用
2017/01/22 Javascript
ES6新数据结构Set与WeakSet用法分析
2017/03/31 Javascript
JS中定位 position 的使用实例代码
2017/08/06 Javascript
[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
2017/08/29 Javascript
js实现会跳动的日历效果(完整实例)
2017/10/18 Javascript
Vue.js特性Scoped Slots的浅析
2019/02/20 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
2019/09/10 Javascript
python使用心得之获得github代码库列表
2014/06/25 Python
跟老齐学Python之不要红头文件(2)
2014/09/28 Python
浅谈Python使用Bottle来提供一个简单的web服务
2017/12/27 Python
python3爬取各类天气信息
2018/02/24 Python
解决python给列表里添加字典时被最后一个覆盖的问题
2019/01/21 Python
PyQt 实现使窗口中的元素跟随窗口大小的变化而变化
2019/06/18 Python
python程序中的线程操作 concurrent模块使用详解
2019/09/23 Python
通过 Django Pagination 实现简单分页功能
2019/11/11 Python
关于多元线性回归分析——Python&amp;SPSS
2020/02/24 Python
python异常处理之try finally不报错的原因
2020/05/18 Python
Jimmy Choo美国官网:周仰杰鞋子品牌
2018/06/08 全球购物
现代家居用品及礼品:LBC Modern
2018/06/24 全球购物
2015年劳动部工作总结
2015/05/23 职场文书
军训心得体会范文(2016最新篇)
2016/01/11 职场文书
在pycharm中无法import所安装的库解决方案
2021/05/31 Python