calc.js

var numKeys = [];
var opns = [];
var res = document.querySelector("#resultArea");
var clrBtn = document.querySelector("#clrTxt");
var delBtn = document.querySelector("#del");
var eqBtn = document.querySelector("#eq");
var decPoint = document.querySelector("#decp");
var opac=document.querySelector("#opac");
var opnSyms = ["+", "-", "*", "/"];
var symList;
var tmpCal;
var j;
var duplicate;
for(var i=0;i<=9;i++){
	(function(i){
    	qs = "#num" + i;
		numKeys.push(document.querySelector(qs));
		numKeys[i].addEventListener("click", function(){
			res.textContent += i;
			if(opnSyms.length>=1){
				opac.innerHTML=eval(res.textContent);
			}
		});
  	}(i));
}

for(var i=0;i<=3;i++){
	(function(i){
    	qs = "#op" + i;
		opns.push(document.querySelector(qs));
		opns[i].addEventListener("click", function(){
			res.textContent += opnSyms[i];
		});
  	}(i));
}

clrBtn.addEventListener("click", function(){
	res.textContent = "";
	opac.innerHTML="";
});

delBtn.addEventListener("click", function(){
	temp=res.textContent[res.textContent.length-1];
    res.textContent = res.textContent.substring(0, res.textContent.length - 1);
	if((temp!="+") && temp!="-" && temp!="*" && temp!="/"){
	 duplicate=res.textContent.substring(0,res.textContent.length - 1);
	if(res.textContent[res.textContent.length-1]!="+" && res.textContent[res.textContent.length-1]!="-" && res.textContent[res.textContent.length-1]!="*" && res.textContent[res.textContent.length-1]!="/"){
	    opac.innerHTML=eval(res.textContent);
	}
	else{
		duplicate=res.textContent.substring(0,res.textContent.length - 1);
		opac.innerHTML=eval(duplicate);
	}
}
});


decPoint.addEventListener("click", function(){
	res.textContent += ".";
});

eqBtn.addEventListener("click", function(){
	(function(i, j){
		symList = [];
		for(var i=0; i<opnSyms.length; i++){
			if(res.textContent.indexOf(opnSyms[i]) > -1){
				symList.push(opnSyms[i]);
			}
		}

		if(symList.length > 0){
			try{
				res.textContent = eval(res.textContent);
			}
			catch(e){
				res.textContent = "Invalid Syntax";
			}
		}
	}(i, j));
});