¡Usa JavaScript para simular juegos de mecanografía!

Autor：Eve Cole Fecha de actualización：2022-08-10 11:30:26

No tengo nada que hacer hoy y quiero probar un juego de mecanografía simulado. La siguiente es la representación. Grabará y juzgará la escritura. Si agrega la función setInterval a la periferia, puede probar la velocidad de escritura.

html

<div class="envoltorio">
  <div id="texto">A</div>
  <tipo de entrada="texto" id="ipt">
</div>

cuerpo

css

html {
  ancho: 100%;
  altura: 100%;
 }

 .envoltorio {
  ancho: 400px;
  margen: 20px automático;
 }

 div {
  tamaño de fuente: 100px;
  peso de fuente: 900;
  alineación de texto: centro;

 }
 aporte{
  ancho: 400px;
  margen: 20px automático;
 }

var cadena = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'
var texto = document.getElementById('texto') 
var ipt = documento.getElementById('ipt')
varres;
var nuevaRes;
var aleatorio = Math.round(Math.random() * 25);
recuento de variables = 0
 ventana.onkeyup = función (e) {
  var aleatorio = Math.round(Math.random() * 25);
  newRes = str[aleatorio]
  res = texto.innerHTML
  text.innerHTML = nuevaRes
  if(e.keyCode == res.charCodeAt(0)){
   contar++;
   ipt.valor = '';
  }demás{
   alert('juego terminado' + ' ' +'Tu puntuación es'+ ':' + cuenta)
   contar = 0;
   ipt.valor = '';
  }

 }

Recomendaciones relacionadas: [Videotutorial de JavaScript]

¡Lo anterior es un juego de mecanografía simulado usando JavaScript! Para obtener más detalles, preste atención a otros artículos relacionados en el sitio web chino de php.