ingresar 4 valores por teclado virtual y mostrar en pantalla
Publicado por facundo (1 intervención) el 02/02/2019 22:56:50
Hola, tengo un problema y no lo puedo solucionar
Lo que quiero es hacer esto:
A través de una botonera con pantalla (tipo teclado virtual) el usuario tiene que ingresar 4 número, y cuando seleccione el boton 'enviar' le tiene que aparecer en la pantalla del teclado un mensaje con los numeros separados en 2.
EJEMPLO
Usuario ingresa: 1234
Selecciona enviar y en la pantalla del teclado debería aparecer: "12, 34"
Muestro el código que tengo hasta ahora en JS...
Y codigo HTML
Lo que quiero es hacer esto:
A través de una botonera con pantalla (tipo teclado virtual) el usuario tiene que ingresar 4 número, y cuando seleccione el boton 'enviar' le tiene que aparecer en la pantalla del teclado un mensaje con los numeros separados en 2.
EJEMPLO
Usuario ingresa: 1234
Selecciona enviar y en la pantalla del teclado debería aparecer: "12, 34"
Muestro el código que tengo hasta ahora en JS...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function pulsada (tecla) {
var listaNodosPantalla = document.getElementsByClassName('pantalla');
var nodoTextoPantalla = listaNodosPantalla[0].firstChild;
switch(tecla) {
case 'C':
nodoTextoPantalla.nodeValue = ' ';
break;
default:nodoTextoPantalla.nodeValue = nodoTextoPantalla.nodeValue + tecla;
break;
}}Y codigo HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<form class="teclas">
<input type="button" class="btn" value="1" onclick="pulsada('1')">
<input type="button" class="btn" value="2" onclick="pulsada('2')">
<input type="button" class="btn" value="3" onclick="pulsada('3')">
<br>
<input type="button" class="btn" value="4" onclick="pulsada('4')">
<input type="button" class="btn" value="5" onclick="pulsada('5')">
<input type="button" class="btn" value="6" onclick="pulsada('6')">
<br>
<input type="button" class="btn" value="7" onclick="pulsada('7')">
<input type="button" class="btn" value="8" onclick="pulsada('8')">
<input type="button" class="btn" value="9" onclick="pulsada('9')">
<br>
<input type="button" class="btn" value="0" onclick="pulsada('0')">
<span class="btn-llamar" onclick="pulsada('enviar')">enviar</span>
<span class="btn-llamar" onclick="pulsada('C')">Borrar</span>
<br>
<div>
<div class="pantalla">
</div>
</form>
Valora esta pregunta
0
