纯js代码实现简单计算器
本文实例分享了纯js代码实现简单计算器代码，相信大家会喜欢。具体如下：
运行效果截图如下：
具体代码如下：
<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<script type="text/javascript">
function count(){
var txt1 = parseInt( document.getElementById('txt1').value);//获取第一个输入框的值
var txt2 = parseInt( document.getElementById('txt2').value);//获取第二个输入框的值
var select = document.getElementById('select').value;//获取选择框的值
var result = '';
switch (select)
{
case '+':
result = txt1 + txt2;
break;
case '-':
result = txt1 - txt2;
break;
case '*':
result = txt1 * txt2;
break;
case '/':
result = txt1 / txt2;
break;
}
document.getElementById('fruit').value = result;//设置结果输入框的值
}
</script>
</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>
</html>
复制粘贴上方代码即可实现简单的计算器功能，希望本文所述对大家学习javascript程序设计有所帮助。
-
本文向大家介绍android计算器简单实现代码，包括了android计算器简单实现代码的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了android计算器的具体实现代码，供大家参考，具体内容如下 java代码： xml： 关于计算器的精彩文章请查看《计算器专题》 ，更多精彩等你来发现！ 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍简易的JS计算器实现代码，包括了简易的JS计算器实现代码的使用技巧和注意事项，需要的朋友参考一下 看看手机中的计算器，分为普通计算器和科学计算器 自认脑袋不够大，就实现一个普通版本的吧（支持正负数加减乘除等基本连续的运算，未提供括号功能） 看看图示效果： 一、知识准备 1+1 = ? 正常来说，我们看到这个表达式都知道怎么运算，知道运算结果 但计算机不一样，计算机无法识别出这串表达
-
本文向大家介绍js实现简单计算器，包括了js实现简单计算器的使用技巧和注意事项，需要的朋友参考一下 参考部分资料，编写一个简单的计算器案例，虽然完成了正常需求，但是也有不满之处，待后续实力提升后再来补充，先把不足之处列出： 1：本来打算只要打开页面，计算器的输入框会显示一个默认为0的状态，但是在输入框加入默认显示为0的时候，选择数据输入时，该0会显示输入数字的前面，例如”0123“，由于能力有
-
本文向大家介绍js简单倒计时实现代码，包括了js简单倒计时实现代码的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js简单倒计时实现代码。分享给大家供大家参考，具体如下： 更多关于JavaScript相关内容可查看本站专题：《JavaScript时间与日期操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技
-
本文向大家介绍Javascript 实现简单计算器实例代码，包括了Javascript 实现简单计算器实例代码的使用技巧和注意事项，需要的朋友参考一下 效果图： 刚开始做时没考虑到清零和退格两个功能，嘻嘻，后来加的整体与传统计算器比有点小瑕疵。 代码： 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
-
本文向大家介绍基于html+css+js实现简易计算器代码实例，包括了基于html+css+js实现简易计算器代码实例的使用技巧和注意事项，需要的朋友参考一下 使用html+css+js实现简易计算器， 效果图如下： html代码如下 CSS代码如下： JS代码如下： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。