Dificuldade com javascript

HTML

JavaScript

Front-end

04/10/2016

E aí povo blz?

Estou iniciando no javascript e estou tendo dificuldade em manipular as caixas de texto. Estou tentando fazer uma calculadora e estou até que conseguindo porém não consigo fazer as operações direito nem limpar a caixa de texto qnd apertar em determinado botão.

Segue o cod que consegui desenvolver até agr:
document.getElementById("displayText").value="";

var operacao = ["soma", "subt", "multi", "dividir", "igual","limpa"];
var num1, num2, numero1=0;


for (var j=0 ; j<=5; j++){
	var aux = document.getElementById(operacao[j]);
	aux.addEventListener("click", fazConta);
}


function fazConta(ev){
	var displayText = document.getElementById("displayText");
	var opr = ev.target.value;
	var numConta="undefined";
	console.log(opr);

	switch(opr){
		case "+":
			if(!numero1)
				numConta = num1 + num2;
			parseInt(numConta, 10);
			break;
		case "-":
			if(!numero1)
				numConta = num1 - num2;
			parseInt(numConta, 10);
			break;
		case "/":
			if(!numero1)
				numConta = num1 / num2;
			parseInt(numConta, 10);
			break;
		case "*":
			if(!numero1)
				numConta = num1 * num2;
			parseInt(numConta, 10);
			break;
		case "=":
			document.getElementById("displayText").value=numConta;
			break;
		case "limpa":
			document.getElementById("displayText").value="";
			break;
	}
}



for (var i = 0; i <= 9; i++){
	var num = document.getElementById("n"+i);
	num.addEventListener("click", insereNoDisplay);
}


function insereNoDisplay(ev){
	var display = document.getElementById("displayText");
	var num = ev.target.value;
	
	if(!numero1){
		num1 = num;
		parseInt(num1, 10);
		console.log(num1);
		display.value = num;
		numero1=1
	}else{
		num2 = num;
		parseInt(num2, 10);
		console.log(num2);
		display.value = num;
		numero1=0;
	}
}


Alguém poderia me ajudar?
Bot47

Bot47

Curtidas 0

Melhor post

Calebe Menezes

Calebe Menezes

07/10/2016

Queria ver duas coisas antes com você.

Pode postar o seu código html?

Você não prefere usar JQuery?
GOSTEI 2

Mais Respostas

Bot47

Bot47

04/10/2016

Olá,
então estou aprendendo agora então acho interessante fazer algumas coisas do zero e também estou acompanhando meu curso e jquery é um dos próximos passos.

Segue o HTML:
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" >
		<link rel="stylesheet" type="text/css" href="calculadora.css">
		<title>
			Calculadora Web
		</title>
	</head>
	<body>
		<div id="calculadora">
			<div id="caixa-texto">
				<input type="text" id="displayText" display="display" value=""></input>
			</div>
			<div id="linha0">
				<input type="button" id="limpa" name="limpa" value="C"></input>
				<input type="button" id="igual" name="igual" value="="></input>
			</div>
			<div id="linha1">
				<input type="button" id="n1" name="n1" value="1"></input>
				<input type="button" id="n2" name="n2" value="2"></input>
				<input type="button" id="n3" name="n3" value="3"></input>
				<input type="button" id="soma" name="soma" value="+"></input>
			</div>
			<div id="linha2">
				<input type="button" id="n4" name="n4" value="4"></input>
				<input type="button" id="n5" name="n5" value="5"></input>
				<input type="button" id="n6" name="n6" value="6"></input>
				<input type="button" id="subt" name="subt" value="-"></input>
			</div>
			<div id="linha3">
				<input type="button" id="n7" name="n7" value="7"></input>
				<input type="button" id="n8" name="n8" value="8"></input>
				<input type="button" id="n9" name="n9" value="9"></input>
				<input type="button" id="multi" name="multi" value="*"></input>
			</div>
			<div id="zero">
				<input type="button" id="n0" name="n0" value="0"></input>
				<input type="button" id="dividir" name="dividir" value="/"></input>
				<input type="button" id="sqr" name="raiz" value="sqr"></input>
				<input type="button" id="potencia" name="potencia" value="^"></input>
			</div>
		</div>
	<script src="calculadora.js"></script>
	</body>
</html>
GOSTEI 0
POSTAR