简单的js计算器实现
更新时间：2016年10月26日 09:21:37 作者：代码小公主
这篇文章主要为大家详细介绍了如何实现简单js计算器的方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家介绍了Canvas实现二娃翠花回家之路小游戏demo解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
Table相同行的单元格自动合并，使用js来实现此效果，具体代码下，感兴趣的朋友可以参考下2013-08-08
Javascript使用function创建类的两种方法(推荐)
下面小编就为大家带来一篇Javascript使用function创建类的两种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要为大家详细介绍了用js控制电灯开关，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
这篇文章主要介绍了JS简单实现城市二级联动选择插件的方法,涉及javascript实现select遍历与设置技巧,非常简单实用,需要的朋友可以参考下2015-08-08
在javascript的使用过程中，constructor 和prototype这两个概念是相当重要的，深入的理解这两个概念对理解js的一些核心概念非常的重要2012-04-04
这篇文章给大家介绍了bootstrap table支持高度百分比的实例代码，通过更改BootstrapTable.prototype.resetView 方法，以支持高度百分比定义，适应不同高度屏幕，感兴趣的朋友跟随脚本之家小编一起学习吧2018-02-02
javascript每日必学之继承,介绍了有关继承的相关内容，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要介绍了利用JavaScript实现的十种排序算法，主要介绍了冒泡，选择，插入，希尔，归并，快速，堆排，计数，桶排和基数，有感兴趣的小伙伴可以参考阅读本文2023-05-05
这篇文章主要为大家详细介绍了使用JavaScript动态显示文本，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
最新评论