简单的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 相关文章推荐
使用dynatrace-ajax跟踪JavaScript的性能
Apr 12 Javascript
Javascript/Jquery——简单定时器的多种实现方法
Jul 03 Javascript
Jquery中$.post和$.ajax的用法小结
Apr 28 Javascript
javascript实现选中复选框后相关输入框变灰不可用的方法
Aug 11 Javascript
深入解析JavaScript中的数字对象与字符串对象
Oct 21 Javascript
jQuery ajax应用总结
Jun 02 Javascript
jquery横向纵向鼠标滚轮全屏切换
Feb 27 Javascript
深入理解AngularJS中的ng-bind-html指令
Mar 27 Javascript
layer实现关闭弹出层刷新父界面功能详解
Nov 15 Javascript
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
Nov 20 Javascript
js取0-9随机取4个数不重复的数字代码实例
Mar 27 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
May 10 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自动选择 连接本地还是远程数据库
2010/12/02 PHP
浅析Apache中RewriteCond规则参数的详细介绍
2013/06/30 PHP
教你如何使用php session
2013/10/28 PHP
初识通用数据库操作类――前端easyui-datagrid,form(php)
2015/07/31 PHP
详解YII关联查询
2016/01/10 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
JQuery扩展插件Validate—4设置错误提示的样式
2011/09/05 Javascript
artDialog双击会关闭对话框的修改过程分享
2013/08/05 Javascript
Javascript写入txt和读取txt文件示例
2014/02/12 Javascript
js操作输入框提示信息且响应鼠标事件
2014/03/25 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
2015/08/12 Javascript
JavaScript tab选项卡插件实例代码
2016/02/23 Javascript
微信小程序 flex实现导航实例详解
2017/04/26 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
socket在egg中的使用实例代码详解
2019/05/30 Javascript
vue element 生成无线级左侧菜单的实现代码
2019/08/21 Javascript
js正则匹配多个全部数据问题
2019/12/20 Javascript
原生JS实现贪吃蛇小游戏
2020/03/09 Javascript
[48:05]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VGJ.T vs VP
2018/03/31 DOTA
python生成多个只含0,1元素的随机数组或列表的实例
2018/11/12 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
Python设计模式之装饰模式实例详解
2019/01/21 Python
python分数表示方式和写法
2019/06/26 Python
python爬虫 基于requests模块的get请求实现详解
2019/08/20 Python
python实现画循环圆
2019/11/23 Python
python爬虫筛选工作实例讲解
2020/11/23 Python
Craghoppers德国官网:户外和旅行服装
2020/02/14 全球购物
都柏林通行卡/城市通票:The Dublin Pass
2020/02/16 全球购物
尽职尽责村干部自我鉴定
2014/01/23 职场文书
舞蹈专业求职信
2014/06/13 职场文书
《飘》英文读后感五篇
2019/10/11 职场文书
导游词之茶卡盐湖
2019/11/26 职场文书
jquery插件实现代码雨特效
2021/04/24 jQuery
AJAX学习笔记
2021/05/18 Javascript
一文搞懂python异常处理、模块与包
2021/06/26 Python
Django框架之路由用法
2022/06/10 Python