Código de JavaScript - Simple Key Bar 0%-100%

Imágen de perfil
Val: 72
Ha disminuido su posición en 2 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Simple Key Bar 0%-100%gráfica de visualizaciones


JavaScript

Publicado el 2 de Febrero del 2020 por 2k
375 visualizaciones desde el 2 de Febrero del 2020
Simple Key Bar by 2K code

Una barra de porcentaje 0%-100% muy simple...

Mejor con 2K max.

Requerimientos

Un navegador web y/o dispositivo compatible.

1.0

Publicado el 2 de Febrero del 2020gráfica de visualizaciones de la versión: 1.0
376 visualizaciones desde el 2 de Febrero del 2020
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

keybar
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
29
30
31
32
33
34
<!DOCTYPE html>
 
<html>
<head>
<title>2K code</title>
<meta charset="utf-8" />
<meta name="author" content="2K code" />
<meta name="robots" content="noindex" />
<style>
#bar {
width:0%;
height:auto;
line-height:24px;
text-align:center;
background-color:#4DDDDD;
transition:all 0.4s ease;
}
</style>
<script>
var w=0, x=null;
function test(event) {
var x=event.keyCode;
var e=document.getElementById("bar");
if ((w < 100) && (x == 39)) {w+=10;}
if ((w > 000) && (x == 37)) {w-=10;}
e.style.width=w + "%";
e.innerHTML=w  + "%";
}
</script>
</head>
<body onkeydown="test(event)">
<div id="bar">0%</div>
</body>
</html>



Comentarios sobre la versión: 1.0 (0)


No hay comentarios
 

Comentar la versión: 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5880