简单的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 多级checkbox选择效果
Aug 20 Javascript
仿新浪微博登陆邮箱提示效果的js代码
Aug 02 Javascript
讨论html与javascript在浏览器中的加载顺序问题
Nov 27 Javascript
js+div实现文字滚动和图片切换效果代码
Aug 27 Javascript
js小数运算出现多位小数如何解决
Oct 08 Javascript
jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
Apr 29 Javascript
Javascript的this用法
Jan 16 Javascript
基于webpack-hot-middleware热加载相关错误的解决方法
Feb 22 Javascript
微信小程序拼接图片链接无底洞深入探究
Sep 03 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
js函数和this用法实例分析
Mar 13 Javascript
vue 如何从单页应用改造成多页应用
Oct 23 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
phpMyAdmin 安装教程全攻略
2007/03/19 PHP
Yii配置与使用memcached缓存的方法
2016/07/13 PHP
php使用CURL模拟GET与POST向微信接口提交及获取数据的方法
2016/09/23 PHP
ThinkPHP打水印及设置水印位置的方法
2016/10/14 PHP
PHP实现数组根据某个字段进行水平合并,横向合并案例分析
2019/10/08 PHP
javascript中的变量是传值还是传址的?
2010/04/19 Javascript
js动态设置鼠标事件示例代码
2013/10/30 Javascript
jQuery修改class属性和CSS样式整理
2015/01/30 Javascript
JS实现5秒钟自动封锁div层的方法
2015/02/20 Javascript
任意Json转成无序列表的方法示例
2016/12/09 Javascript
JavaScript中各数制转换全面总结
2017/08/21 Javascript
nodejs搭建本地服务器轻松解决跨域问题
2018/03/21 NodeJs
解决axios会发送两次请求,有个OPTIONS请求的问题
2018/10/25 Javascript
JavaScript Array对象使用方法解析
2019/09/24 Javascript
vue 父组件通过v-model接收子组件的值的代码
2019/10/27 Javascript
JavaScript this使用方法图解
2020/02/04 Javascript
Vue如何循环提取对象数组中的值
2020/11/18 Vue.js
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
Flask Web开发入门之文件上传(八)
2018/08/17 Python
numpy数组广播的机制
2019/07/12 Python
Python自动采集微信联系人的实现示例
2020/02/28 Python
在django中form的label和verbose name的区别说明
2020/05/20 Python
html Table 表头固定的实现
2019/01/22 HTML / CSS
html5 拖拽上传图片实例演示
2013/04/01 HTML / CSS
台湾旅游网站:灿星旅游
2018/10/11 全球购物
俄罗斯在线水暖商店:Perfecto.ru
2019/10/25 全球购物
syb养殖创业计划书
2014/01/09 职场文书
二手书店创业计划书
2014/01/16 职场文书
物理力学求职信
2014/02/18 职场文书
团队激励口号
2014/06/06 职场文书
巾帼文明岗汇报材料
2014/12/24 职场文书
美容院员工规章制度
2015/08/05 职场文书
乡镇干部学习心得体会
2016/01/23 职场文书
python中tkinter复选框使用操作
2021/11/11 Python
Eclipse+Java+Swing+Mysql实现电影购票系统(详细代码)
2022/01/18 Java/Android