基于javascript实现简单计算器功能
本文实例为大家介绍javascript实现简单计算器功能的详细代码，分享给大家供大家参考，具体内容如下
效果图：
实现代码：
<html>
<head>
<script>
function calc(event){
// test
//window.alert(event.value);
var val = new String(event.value);
// clear space
val = val.trim();
var res = document.getElementById("res");
// clear
if(val == "clear"){
res.value = "";
}
// back
if(val == "back"){
res.value = res.value.substring(0, res.value.length - 1);
}
// power
if(val == "power"){
val = "p";
}
// add val to text
if(val.length == 1 && val != "="){
res.value = res.value + val;
}
// calc result
if(val == "="){
var arr;
var result;
// power
if(res.value.indexOf("p") != -1){
arr = res.value.split("p");
//window.alert(arr);
result = Math.pow(parseFloat(arr[0]) ,parseFloat(arr[1]));
//window.alert(res);
res.value = result;
}
// plus
if(res.value.indexOf("+") != -1){
arr = res.value.split("+");
//window.alert(arr);
result = parseFloat(arr[0]) + parseFloat(arr[1]);
//window.alert(res);
res.value = result;
} else if(res.value.indexOf("-") != -1){
// minus
arr = res.value.split("-");
//window.alert(arr);
result = parseFloat(arr[0]) - parseFloat(arr[1]);
//window.alert(res);
res.value = result;
} else if(res.value.indexOf("*") != -1){
// multiply
arr = res.value.split("*");
//window.alert(arr);
result = parseFloat(arr[0]) * parseFloat(arr[1]);
//window.alert(res);
res.value = result;
} else if(res.value.indexOf("/") != -1){
// division
arr = res.value.split("/");
//window.alert(arr);
result = parseFloat(arr[0]) / parseFloat(arr[1]);
//window.alert(res);
res.value = result;
} else if(res.value.indexOf("%") != -1){
// module
arr = res.value.split("%");
//window.alert(arr);
result = parseFloat(arr[0]) % parseFloat(arr[1]);
//window.alert(res);
res.value = result;
}
}
}
</script>
</head>
<body>
<table border="1px" cellpadding="10px" cellspacing="5px" align="center">
<tr align="center">
<td colspan="4"><input type="text" id="res" size="35px" value="" style="text-align:right;"/></td>
</tr>
<tr align="center">
<td><input type="button" value="power" onclick="calc(this)"/></td>
<td><input type="button" value="clear" onclick="calc(this)"/></td>
<td colspan="2"><input type="button" value=" back " onclick="calc(this)"/></td>
</tr>
<tr align="center">
<td><input type="button" value=" 1 " onclick="calc(this)"/></td>
<td><input type="button" value=" 2 " onclick="calc(this)"/></td>
<td><input type="button" value=" 3 " onclick="calc(this)"/></td>
<td><input type="button" value=" + " onclick="calc(this)"/></td>
</tr>
<tr align="center">
<td><input type="button" value=" 4 " onclick="calc(this)"/></td>
<td><input type="button" value=" 5 " onclick="calc(this)"/></td>
<td><input type="button" value=" 6 " onclick="calc(this)"/></td>
<td><input type="button" value=" - " onclick="calc(this)"/></td>
</tr>
<tr align="center">
<td><input type="button" value=" 7 " onclick="calc(this)"/></td>
<td><input type="button" value=" 8 " onclick="calc(this)"/></td>
<td><input type="button" value=" 9 " onclick="calc(this)"/></td>
<td><input type="button" value=" * " onclick="calc(this)"/></td>
</tr>
<tr align="center">
<td><input type="button" value=" 0 " onclick="calc(this)"/></td>
<td><input type="button" value=" = " onclick="calc(this)"/></td>
<td><input type="button" value=" % " onclick="calc(this)"/></td>
<td><input type="button" value=" / " onclick="calc(this)"/></td>
</tr>
</table>
</body>
</html>
希望本文所述对大家学习javascript程序设计有所帮助。
-
本文向大家介绍JavaScript实现简单计算器，包括了JavaScript实现简单计算器的使用技巧和注意事项，需要的朋友参考一下 适合初学者参考的简易计算器，里面没有太多的难以理解的方法，使用的是最基础的JS语法解决式子的运算问题，同时处理了式子中的运算优先级。 实现思路 1、通过绑定点击事件实现待计算式子的输入 2、遍历原式子，读取式子中乘除运算符的位置 3、优先处理乘除取余运算 4、处理加减
-
本文向大家介绍简单实现Android计算器功能，包括了简单实现Android计算器功能的使用技巧和注意事项，需要的朋友参考一下 自己写的安卓的计算器： 注：这个是在mac中开发的，如果要在windows的eclipse中运行可能会出现路径问题，解决办法从windows中已有的安卓工程根目录下复制一下classpath文件，然后复制粘贴覆盖掉这个工程根目录里面的路径文件，再导入工程应该就可以打开了。
-
本文向大家介绍JavaScript实现简易计算器小功能，包括了JavaScript实现简易计算器小功能的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了JavaScript实现简易计算器的具体代码，供大家参考，具体内容如下 运行效果： 测试结果： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍Javascript 实现简单计算器实例代码，包括了Javascript 实现简单计算器实例代码的使用技巧和注意事项，需要的朋友参考一下 效果图： 刚开始做时没考虑到清零和退格两个功能，嘻嘻，后来加的整体与传统计算器比有点小瑕疵。 代码： 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
-
本文向大家介绍js实现简单计算器，包括了js实现简单计算器的使用技巧和注意事项，需要的朋友参考一下 参考部分资料，编写一个简单的计算器案例，虽然完成了正常需求，但是也有不满之处，待后续实力提升后再来补充，先把不足之处列出： 1：本来打算只要打开页面，计算器的输入框会显示一个默认为0的状态，但是在输入框加入默认显示为0的时候，选择数据输入时，该0会显示输入数字的前面，例如”0123“，由于能力有
-
Python3 实例 以下代码用于实现简单计算器实现，包括两个数基本的加减乘除运输： 实例(Python 3.0+)# Filename : test.py # author by : www.runoob.com # 定义函数 def add(x, y): """相加""" return x + y def subtract(x, y): """相减""" return x - y def mu