Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Ayuda pequeño programa

JavaScript - Ayuda pequeño programa

Volver
Nuevo Tema
<<>>
 
Vista:
sin imagen de perfil
Val: 1
Ha aumentado su posición en 12 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ayuda pequeño programa

Publicado por Jose A. (1 intervención) el 23/01/2020 21:00:49
Hola:
Estoy intentando hacer un programa que al pulsar las teclas A, a, D, d, M o m, me vaya sumando de 10 en 10 hasta llegar al 100% cada tecla que pulso, y que se vaya llenado una barra de color en cada una de las letras pulsadas hasta el 100%. Consigo algo, pero no consigo lo de la barra de color.
Muchas gracias por su atención.
Un saludo.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ayuda pequeño programa

Publicado por ScriptShow (692 intervenciones) el 25/01/2020 21:21:23
Saludos,

podemos empezar por un ejemplo sencillo, adaptable, compatible...

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
<!DOCTYPE html>
<html>
<body onkeydown="test(event)">
<style>
#bar {
width:0%;
height:24px;
line-height:24px;
text-align:center;
background-color:#D4D4D4;
}
</style>
 
<div id="bar">0%</div>
 
<script>
var w=0, x=null;
function test(event) {
var x=event.keyCode;
var e=document.getElementById("bar");
if ((w < 100) && (x == 65 || x == 68 || x == 77)) {w+=10;}
e.style.width=w + "%";
e.innerHTML=w  + "%";
}
</script>
</body>
</html>

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar