简单的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学习笔记(六) Date 日期类型
Jun 19 Javascript
JavaScript实现的日期控件具体代码
Nov 18 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
Dec 02 Javascript
适用于javascript开发者的Processing.js入门教程
Feb 24 Javascript
jquery制做精致的倒计时特效
Jun 13 Javascript
JS从数组中随机取出几个数组元素的方法
Aug 02 Javascript
Vuex之理解Store的用法
Apr 19 Javascript
使用ajax的post同步执行(实现方法)
Dec 21 Javascript
vue cli3.0 引入eslint 结合vscode使用
May 27 Javascript
使用axios请求接口,几种content-type的区别详解
Oct 29 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
《Re:从零开始的异世界生活 冰结之绊》
2020/04/09 日漫
PHP最常用的2种设计模式工厂模式和单例模式介绍
2012/08/14 PHP
国外十大最流行的PHP框架排名
2013/07/04 PHP
php 时间time与日期date之间的使用详解及区别
2016/11/07 PHP
Laravel如何自定义command命令浅析
2019/03/23 PHP
浅析PHP中json_encode与json_decode的区别
2020/07/15 PHP
JS获取键盘上任意按键的值(实例代码)
2013/11/12 Javascript
input标签内容改变的触发事件介绍
2014/06/18 Javascript
jQuery实现鼠标划过添加和删除class的方法
2015/06/26 Javascript
小议JavaScript中Generator和Iterator的使用
2015/07/29 Javascript
jQuery实现动画效果circle实例
2015/08/06 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
2016/01/06 Javascript
JavaScript中双向数据绑定详解
2017/05/03 Javascript
js实现鼠标拖拽多选功能示例
2017/08/01 Javascript
shiro授权的实现原理
2017/09/21 Javascript
vue.js自定义组件directives的实例代码
2018/11/09 Javascript
Javascript中的奇葩知识,你知道吗?
2021/01/25 Javascript
[02:48]DOTA2超级联赛专访海涛:你们的选择没有错
2013/06/07 DOTA
python实现简单的TCP代理服务器
2014/10/08 Python
深入学习Python中的上下文管理器与else块
2017/08/27 Python
Django 实现下载文件功能的示例
2018/03/06 Python
python中单下划线(_)和双下划线(__)的特殊用法
2019/08/29 Python
使用tensorflow实现矩阵分解方式
2020/02/07 Python
python中if及if-else如何使用
2020/06/02 Python
Tensorflow中批量读取数据的案列分析及TFRecord文件的打包与读取
2020/06/30 Python
详解CSS3阴影 box-shadow的使用和技巧总结
2016/12/03 HTML / CSS
实例讲解利用HTML5 Canvas API操作图形旋转的方法
2016/03/22 HTML / CSS
《美丽的丹顶鹤》教学反思
2014/04/22 职场文书
商场开业庆典策划方案
2014/06/02 职场文书
审计班子对照检查材料
2014/08/27 职场文书
2014年党员教师自我剖析材料
2014/09/30 职场文书
党委书记群众路线对照检查材料思想汇报
2014/10/04 职场文书
领导走群众路线整改措施思想汇报
2014/10/12 职场文书
加入学生会自荐书
2015/03/05 职场文书
详解CocosCreator项目结构机制
2021/04/14 Javascript
Python Parser的用法
2021/05/12 Python