Calculadora com botões em JavaScript
Pessoal,
Preciso de uma ajuda com o cálculo abaixo. Eu consigo fazer esta função em javascript chamando o cálculo através do prompt.
ex:
No entanto minha página contém botôes e dois campos inputs
<!DOCTYPE html>
<html>
<head>
<title>Calculadora</title>
<style type="text/css">
</style>
</head>
<body>
<script type="text/javascript" src="js/funcoesmatematicas.js"></script>
<div id="conteudo">
<span>Digite os valores que deseja calcular:</span>
<br>
<input type="text" id="valor1" name="1valor">
<input type="text" id="valor2" name="2valor"><br><br>
<input type="button" onclick="calcular(''''op'''')" value = "+">
<input type="button" onclick="calcular(''''op'''')" value = "-">
<input type="button" onclick="calcular(''''op'''')" value = "*">
<input type="button" onclick="calcular(''''op'''')" value = "/">
</div>
</body>
</html>
Para isso criei este código em javascript parecido com o de cima porém está dando erro:
Preciso de uma ajuda com o cálculo abaixo. Eu consigo fazer esta função em javascript chamando o cálculo através do prompt.
ex:
var a = parseInt(window.prompt ("Digite o primeiro operando",""));
var b = parseInt(window.prompt ("Digite o segundo operando",""));
var op = window.prompt ("Digite o operador (+,
--, * ou
var result;
switch (op) {
case "+": result = a + b;
break;
case "
"--": result = a b;
break;
case "*": result = a * b;
break;
case "/": result = a / b;
break;
default: alert ("operador inválido");
}
document.write (a,op,b," = ", result);No entanto minha página contém botôes e dois campos inputs
<!DOCTYPE html>
<html>
<head>
<title>Calculadora</title>
<style type="text/css">
</style>
</head>
<body>
<script type="text/javascript" src="js/funcoesmatematicas.js"></script>
<div id="conteudo">
<span>Digite os valores que deseja calcular:</span>
<br>
<input type="text" id="valor1" name="1valor">
<input type="text" id="valor2" name="2valor"><br><br>
<input type="button" onclick="calcular(''''op'''')" value = "+">
<input type="button" onclick="calcular(''''op'''')" value = "-">
<input type="button" onclick="calcular(''''op'''')" value = "*">
<input type="button" onclick="calcular(''''op'''')" value = "/">
</div>
</body>
</html>
Para isso criei este código em javascript parecido com o de cima porém está dando erro:
function calcular(){
var valor1 = parseFloat(document.getElementById(''''valor1'''').value);
var valor2 = parseFloat(document.getElementById(''''valor2'''').value);
var result;
switch (op){
case "+":
result = valor1+valor2;
break;
case "-":
result = valor1-valor2;
break;
case "*":
result = valor1*valor2;
break;
case "/":
if (valor2==0){
alert("Não é possível dividir por zero");
}else{
result = valor1/valor2;
}
break;
}
alert(result);
}
Carlos Leonel
Curtidas 0