简单的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 相关文章推荐
解决AJAX中跨域访问出现'没有权限'的错误
Aug 20 Javascript
javascript 不间断的图片滚动并可点击
Jan 15 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件。
Dec 26 Javascript
JS实现三个层重叠点击互相切换的方法
Oct 06 Javascript
浅谈jQuery 选择器和dom操作
Jun 07 Javascript
微信小程序获取微信运动步数的实例代码
Jul 20 Javascript
vue配置多页面的实现方法
May 22 Javascript
angularjs性能优化的方法
Sep 05 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
Apr 17 Javascript
webpack4 SplitChunks实现代码分隔详解
May 23 Javascript
vue elementui 实现搜索栏公共组件封装的实例代码
Jan 20 Javascript
VUE中V-IF条件判断改变元素的样式操作
Aug 09 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
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
PHP设计模式(三)建造者模式Builder实例详解【创建型】
2020/05/02 PHP
JavaScript与Div对层定位和移动获得坐标的实现代码
2010/09/08 Javascript
suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)
2011/12/20 Javascript
jquery利用命名空间移除绑定事件的方法
2015/03/11 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
2016/05/16 Javascript
分享jQuery封装好的一些常用操作
2016/07/28 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
2016/08/01 Javascript
使用jquery实现的循环连续可停顿滚动实例
2016/11/23 Javascript
JavaScript中Promise的使用详解
2017/02/26 Javascript
JavaScript实现省市联动过程中bug的解决方法
2017/12/04 Javascript
解决layui数据表格table的横向滚动条显示问题
2019/09/04 Javascript
JavaScript生成随机验证码代码实例
2019/09/28 Javascript
JavaScript oncopy事件用法实例解析
2020/05/13 Javascript
vue+echarts实现动态折线图的方法与注意
2020/09/01 Javascript
Python中使用logging模块代替print(logging简明指南)
2014/07/09 Python
Python实现统计英文单词个数及字符串分割代码
2015/05/28 Python
python实现简单ftp客户端的方法
2015/06/28 Python
python多进程使用及线程池的使用方法代码详解
2018/10/24 Python
Python OpenCV实现视频分帧
2019/06/01 Python
python numpy数组复制使用实例解析
2020/01/10 Python
Django的ListView超详细用法(含分页paginate)
2020/05/21 Python
Python 绘制可视化折线图
2020/07/22 Python
快速创建python 虚拟环境
2020/11/28 Python
使用bandit对目标python代码进行安全函数扫描的案例分析
2021/01/27 Python
利用CSS3动画实现圆圈由小变大向外扩散的效果实例
2018/09/10 HTML / CSS
详解canvas绘制网络字体几种方法
2019/08/27 HTML / CSS
可以在一个PHP文件里面include另外一个PHP文件两次吗
2015/05/22 面试题
Linux Interview Questions For software testers
2012/06/02 面试题
社团招新策划书
2014/02/04 职场文书
保研推荐信
2014/05/09 职场文书
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android
Golang连接并操作MySQL
2022/04/14 MySQL
Windows Server 2008 修改远程登录端口以及配置防火墙
2022/04/28 Servers