Calculadora com JQuery
Olá, preciso fazer uma calculadora com JQuery com a funcionalidade de operações sucessivas;
Exemplo: 1+1 = 2+2=5*2=10....
Elaborei o código abaixo mais não está funcionando, preciso de ajuda para se está correto:
<html>
<head>
<title>Aula 02</title>
<script src="[http://localhost/2015-3/tratamentoevalidacao/jquery-2.2.0.min.js">](http://localhost/2015-3/tratamentoevalidacao/jquery-2.2.0.min.js)
</head>
<body>
<input type="text" id="visor"/>
<br><br>
<input type="submit" value="1" class="btn"/>
<input type="submit" value="2" class="btn"/>
<input type="submit" value="3" class="btn"/><br>
<input type="submit" value="4" class="btn"/>
<input type="submit" value="5" class="btn"/>
<input type="submit" value="6" class="btn"/><br>
<input type="submit" value="7" class="btn"/>
<input type="submit" value="8" class="btn"/>
<input type="submit" value="9" class="btn"/><br>
<input type="submit" value="0" class="btn"/><br><br>
<input type="submit" value="C" onclick="apagarCampo()"/><br><br>
<input type="submit" value="+" onclick="operacao('+')"/>
<input type="submit" value="-" onclick="operacao('-')"/>
<input type="submit" value="*" onclick="operacao('*')"/>
<input type="submit" value="/" onclick="operacao('/')"/>
<input type="submit" value="=" class="operar"/>
</body>
</html>
<script type="text/javascript">
var n1 = "";
var n2 = "";
var cont = 0;
var op = 0;
var acumulativo = "";
var apagado = "";
function operacao(operacao){
$('#visor').val(apagado);
op = operacao;
cont = 1;
}
$(document).ready(function(){
$('.btn').click(function(){
var antigo = $('#visor').val();
var numero_novo = $(this).val();
$('#visor').val(numero_novo+antigo);
if(acumulativo == ""){
if(cont == 0){
n1 = numero_novo+antigo;
}n2 = numero_novo+antigo;
cont = 0;
}
}n2 = numero_novo+antigo;
cont = 0;
}
})
$('.operar').click(function(){
if(op == '+'){
if(acumulativo == ""){
var resultado = parseInt(n1) + parseInt(n2);
$('#visor').val(resultado);
acumulativo = resultado;
}var resultado = acumulativo + parseInt(n2);
$('#visor').val(resultado);
}
}
if(op == '-'){
if(acumulativo == ""){
var resultado = parseInt(n1) - parseInt(n2);
$('#visor').val(resultado);
acumulativo = resultado;
}var resultado = acumulativo - parseInt(n2);
$('#visor').val(resultado);
}
}
if(op == '*'){
if(acumulativo == ""){
var resultado = parseInt(n1) * parseInt(n2);
$('#visor').val(resultado);
acumulativo = resultado;
}var resultado = acumulativo * parseInt(n2);
$('#visor').val(resultado);
}
}
if(op == '/'){
if(n2 == 0){
$('#visor').val('Impossivel dividir por ZERO');
}var resultado = parseInt(n1) / parseInt(n2);
$('#visor').val(resultado);
}
}
});
});
function apagarCampo(){
var n1 = "";
var n2 = "";
var cont = 0;
var op = 0;
var apagado = "";
$('#visor').val(apagado);
}
</script>Discussão (0)
Carregando comentários...