利用js实现简单计算器
作业要求:
通过用鼠标点击数字按钮和运算符按钮,实现现实中计算器的功能,能够做加法运算,减法运算,乘法运算,除法运算,取余运算。并能够清零和取消上一次错误输入。
功能点:
界面设计、获得数据并显示、获取运算符并进行相应运算、等号功能、清零、清除上一次错误输入
完成效果:
核心代码:
<script>
var initData = "";
var lastop = "";
var delop = "";
var result = 0;
var num1 = 0;
var num2 = 0;
function getNum(num){
initData += num;
showData(initData);
}
function showData(data){
document.getElementById("result").value = data;
}
function getOp(op){
lastop = op;
num1 = parseFloat(initData);
initData = "";
}
function getResult(){
num2 = parseFloat(initData);
initData = "";
result = calc(num1,num2,lastop);
showData(result);
}
function calc(num1,num2,lastop){
switch(lastop){
case '+':result = num1 + num2;break;
case '-':result = num1 - num2;break;
case '*':result = num1 * num2;break;
case '/':if(num2 == 0)return ;result = num1 / num2;break;
case '%':if(num2 == 0)return ;result = num1 % num2;break;
}
return result;
}
function deleteNum(delop){
if(delop=='C'){
initData = "";
num1 = 0;
num2 = 0;
lastop = "";
showData("0.");
}
if(delop=='CE'){
initData = initData.substring(0,initData.length-1);
showData(initData);
}
}
</script>
- Web第三周-Web前端利用Js实现简单计算器功能
- js实现简单计算器
- 利用jQuery的deferred对象实现异步按顺序加载JS文件
- 如何利用js操作cookie实现记住密码功能
- 利用js制作html table分页示例(js实现分页)
- 利用js实现超豪华日历
- 利用原生js实现轮播图效果
- JS实现队结构及利用队列模拟‘击鼓传花’游戏
- 利用js实现 禁用浏览器后退| 去除上一个历史记录链接
- jquery imgareaselect 使用利用js与程序结合实现图片剪切
- 如何利用Kubernetes编排实现Node.js程序的微服务化
- 纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例
- Three.js利用性能插件stats实现性能监听的方法
- node.js 中利用connect实现简单的网站
- node.js利用javascript中构造函数继承,实现模块调用
- 利用js实现表格的显示隐藏
- 利用原生Js方法实现发送验证码倒计时
- 利用js实现对页面的自动刷新
- 利用遮照实现弹出框---JS
- iOS JS 交互之利用系统JSContext实现 JS调用oc方法