Use JavaScript para simular jogos de digitação!

html

<div class="wrapper">
  <div id="text">A</div>
  <input type="text" id="ipt">
</div>

corpo

css

HTML {
  largura: 100%;
  altura: 100%;
 }

 .wrapper {
  largura: 400px;
  margem: 20px automático;
 }

 div {
  tamanho da fonte: 100px;
  peso da fonte: 900;
  alinhamento de texto: centro;

 }
 entrada{
  largura: 400px;
  margem: 20px automático;
 }

js

var str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'
var texto = document.getElementById('texto') 
var ipt = document.getElementById('ipt')
var res;
var novoRes;
var aleatório = Math.round(Math.random() * 25);
var contagem = 0
 janela.onkeyup = função (e) {
  var aleatório = Math.round(Math.random() * 25);
  novoRes = str[aleatório]
  res=texto.innerHTML
  text.innerHTML = novoRes
  if(e.keyCode == res.charCodeAt(0)){
   contar++;
   ipt.valor = '';
  }outro{
   alert('game over' + ' ' +'Sua pontuação é'+ ':' + contagem)
   contagem = 0;
   ipt.valor = '';
  }

 }

Recomendações relacionadas: [JavaScript Video Tutorial]

O texto acima é um jogo de digitação simulado usando JavaScript! Para mais detalhes, preste atenção a outros artigos relacionados no site php chinês!