Juntar números como una calculadora
Publicado por anonymous (5 intervenciones) el 18/11/2015 16:53:07
Hola estoy intentando hacer una calculadora, y estoy teniendo problemas al mostrar en "pantalla" los números.
He probado escribir un código, pero soy nuevo con JS y no me sale
Se supone que al pulsar uno de los "button" escriba el número en un "p" con id "pantalla" hasta hay voy bien, pero cuando pulso otro "button" quiero que ese número se ponga detrás es decir si el primero pulso un "8" y después un "7" en pantalla debería salir "87" y eso no lo consigo, acaba sobreescribiendo el número anterior.
Aqui está el html
(Siento que el titulo no sea muy descriptivo no se me ocurre como llamarlo)
He probado escribir un código, pero soy nuevo con JS y no me sale
1
2
3
4
5
6
7
8
9
$( "button" ).click(function() {
var pantalla = $("#pantalla").val();
if(pantalla!==undefined){
$("#pantalla").html($(this).val());
}else{
var datos = pantalla+$(this).val();
$("#pantalla").html(datos);
}});
Se supone que al pulsar uno de los "button" escriba el número en un "p" con id "pantalla" hasta hay voy bien, pero cuando pulso otro "button" quiero que ese número se ponga detrás es decir si el primero pulso un "8" y después un "7" en pantalla debería salir "87" y eso no lo consigo, acaba sobreescribiendo el número anterior.
Aqui está el html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Calculadora</title>
<link rel="stylesheet" href="style.css">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div id="resultado"><p id="pantalla"></p></div>
<div id="teclas">
<button value="7">7</button>
<button value="8">8</button>
<button value="9">9</button>
<button value="4">4</button>
<button value="5">5</button>
<button value="6">6</button>
<button value="1">1</button>
<button value="2">2</button>
<button value="3">3</button>
<button value="+">+</button>
<button value="-">-</button>
<button value="*">*</button>
<button value="/">/</button>
</div>
<script src="calculadora.js"></script>
</body>
</html>
(Siento que el titulo no sea muy descriptivo no se me ocurre como llamarlo)
Valora esta pregunta
0
