您的位置:首页 > Web前端 > JavaScript

利用js实现简单计算器

2015-09-07 21:44 316 查看

作业要求:

通过用鼠标点击数字按钮和运算符按钮,实现现实中计算器的功能,能够做加法运算,减法运算,乘法运算,除法运算,取余运算。并能够清零和取消上一次错误输入。

功能点:

界面设计、获得数据并显示、获取运算符并进行相应运算、等号功能、清零、清除上一次错误输入

 

完成效果:

 核心代码:

<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>

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: