JavaScript를 사용하여 타이핑 게임을 시뮬레이션해보세요!

html

<div 클래스="래퍼">
  <div id="text">A</div>
  <입력 유형="텍스트" id="ipt">
</div>

CSS

본문,
HTML {
  너비: 100%;
  높이: 100%;
 }

 .래퍼 {
  너비: 400px;
  여백: 20px 자동;
 }

 div {
  글꼴 크기: 100px;
  글꼴 두께: 900;
  텍스트 정렬: 중앙;

 }
 입력{
  너비: 400px;
  여백: 20px 자동;
 }

js

var str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'
var 텍스트 = document.getElementById('text') 
var ipt = document.getElementById('ipt')
var res;
var newRes;
var random = Math.round(Math.random() * 25);
변수 개수 = 0
 window.onkeyup = 함수(e) {
  var random = Math.round(Math.random() * 25);
  newRes = str[랜덤]
  입술 = text.innerHTML
  text.innerHTML = newRes
  if(e.keyCode == res.charCodeAt(0)){
   카운트++;
   ipt.value = '';
  }또 다른{
   Alert('게임 종료' + ' ' +'당신의 점수는'+ ':' + count)
   개수 = 0;
   ipt.value = '';
  }

 }

관련 추천 : [JavaScript 영상 튜토리얼]

위는 JavaScript를 이용하여 시뮬레이션한 타이핑 게임입니다! 더 자세한 사항은 PHP 중국어 홈페이지의 다른 관련 글을 참고해주세요!