简单的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工具 Cookie 封装
Aug 21 Javascript
jquery实现鼠标拖动图片效果示例代码
Jan 09 Javascript
js登录弹出层特效
Mar 07 Javascript
JS未跨域操作iframe里的DOM
Jun 01 Javascript
canvas滤镜效果实现代码
Feb 06 Javascript
详解vue父子组件间传值(props)
Jun 29 Javascript
vue实现添加与删除图书功能
Oct 07 Javascript
React SSR样式及SEO的实践
Oct 22 Javascript
vue滚动固定顶部及修改样式的实例代码
May 30 Javascript
小程序外卖订单界面的示例代码
Dec 30 Javascript
Javascript异步流程控制之串行执行详解
Sep 27 Javascript
Javascript中window.name属性详解
Nov 19 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/03/12 PHP
PHP自定义函数收代码
2010/08/01 PHP
使用PHP+JQuery+Ajax分页的实现
2013/04/23 Javascript
js解决弹窗问题实现班级跳转DIV示例
2014/01/06 Javascript
AngularJS实现全选反选功能
2015/12/08 Javascript
详解JavaScript基本类型和引用类型
2015/12/09 Javascript
JS获取input file绝对路径的方法(推荐)
2016/08/02 Javascript
Vue 短信验证码组件开发详解
2017/02/14 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
2017/09/18 Javascript
详解利用Angular实现多团队模块化SPA开发框架
2017/11/27 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
javascript实现图片轮播代码
2019/07/09 Javascript
Python控制多进程与多线程并发数总结
2016/10/26 Python
解决python2.7用pip安装包时出现错误的问题
2017/01/23 Python
python常用知识梳理(必看篇)
2017/03/23 Python
python实现NB-IoT模块远程控制
2018/06/20 Python
12个Python程序员面试必备问题与答案(小结)
2019/06/24 Python
Django框架中间件定义与使用方法案例分析
2019/11/28 Python
python 命名规范知识点汇总
2020/02/14 Python
Python+Selenium实现自动化的环境搭建的步骤(图文)
2020/09/01 Python
浅谈Python描述数据结构之KMP篇
2020/09/06 Python
如何利用Python给自己的头像加一个小国旗(小月饼)
2020/10/02 Python
用 Django 开发一个 Python Web API的方法步骤
2020/12/03 Python
Manuka Doctor美国官网:麦卢卡蜂蜜和蜂毒护肤
2016/12/25 全球购物
KOHLER科勒美国官网:国际著名卫浴橱柜领先品牌
2020/06/27 全球购物
网络体系结构及协议的定义
2014/03/13 面试题
会计主管岗位职责
2014/01/03 职场文书
高一英语教学反思
2014/01/22 职场文书
年会搞笑主持词串词
2014/03/24 职场文书
保留意见审计报告
2015/06/05 职场文书
运动会主持词大全
2015/07/02 职场文书
Centos环境下Postgresql 安装配置及环境变量配置技巧
2021/05/18 PostgreSQL
高考要来啦!用Python爬取历年高考数据并分析
2021/06/03 Python
如何利用Python实现n*n螺旋矩阵
2022/01/18 Python
CSS实现九宫格布局(自适应)的示例代码
2022/02/12 HTML / CSS
【海涛dota】偶遇拉娜娅 质量局德鲁伊第一视角解说
2022/04/01 DOTA