JavaScript ２タイピング

(ｂｇ：ｔｒａｎｓｐａｒｅｎｔ)

bg: transparent

(ａｎｉｍａｔｉｏｎ)

animation

(ｔｏｇｇｌｅ)

toggle

(ｔｅｘｔ－ｄｅｃｏｒａｔｉｏｎ：ｕｎｄｅｒｌｉｎｅ；)

text-decoration: underline;

(ｂｏｘ－ｓｈａｄｏｗ)

box-shadow

(ｂａｃｋｇｒｏｕｎｄ－ｃｏｌｏｒ：ｗｈｉｔｅ；)

background-color: white;

(ｂａｃｋｇｒｏｕｎｄ－ｓｉｚｅ：ｃｏｖｅｒ；)

background-size: cover;

(ｕｓｅｒｎａｍｅ．ｆｏｃｕｓ（）；)

userName.focus();

(ｕｓｅｒ－ｓｅｌｅｃｔ：ｎｏｎｅ；)

user-select: none;

(ｌｅｔ　ｓｃｏｒｅ＝０；)

let score = 0;

(ｃｏｎｓｔｔｉｍｅｌｉｍｉｔ＝１００＊１０；)

const timeLimit = 100 * 10;

(ｆｕｎｃｔｉｏｎｕｐｄａｔｅｔａｒｇｅｔ（）｛ ｝)

function updateTarget() { }

(ｆｏｒ（ｌｅｔｉ＝０；ｉ＜ｌｏｃ；ｉ＋＋）｛ ｝)

for (let i = 0; i < loc; i++) { }

(ｗｏｒｄ．ｓｕｂｓｔｒｉｎｇ（ｌｏｃ）；)

word.substring(loc);

(ｔａｒｇｅｔ．ｔｅｘｔｃｏｎｔｅｎｔ)

target.textContent

(ｃｏｎｓｔｔｉｍｅｌｅｆｔ)

const timeLeft

(ｉｆ（ｔｉｍｅｌｅｆｔ＜０）｛｝)

if (timeLeft < 0) {}

(ｓｃｏｒｅｌａｂｅｌ．ｔｅｘｔｃｏｎｔｅｎｔ＝ｓｃｏｒｅ；)

scoreLabel.textContent = score;

(ｃａｒ［ｍａｔｈ．ｆｌｏｏｒ（ｍａｔｈ．ｒａｎｄｏｍ（）＊ｗ）］；)

car[Math.floor(Math.random() * w)];

(ｒｅｔｕｒｎ；)

return;

(ｃｏｎｓｔｗｏｒｄｓ＝［ａ，ｂ，ｃ］；)

const words = [a, b, c];

(ｌｅｔｉｓｐｌａｙｉｎｇ＝ｆａｌｓｅ；)

let isPlaying = false;

(ｔｉｍｅｌｉｍｉｔ－ｄａｔｅ．ｎｏｗ（）；)

timeLimit - Date.now();

(ｔａｒｇｅｔ．ｔｅｘｔｃｏｎｔｅｎｔ＝’ｃｌｉｃｋｔｏ’)

target.textContent = 'click to'

(ｗｉｎｄｏｗ．ａｄｄｅｖｅｎｔｌｉｓｔｅｎｅｒ（）)

window.addEventListener() => {}

(ｓｔａｒｔｔｉｍｅ＝ｄａｔｅ．ｎｏｗ（）)

startTime = Date.now()

(‘＄｛ａ｝：＄｛ｂ｝．＄｛ａｂ｝‘；)

`${a}:${b}.${ab}`;

(ｓｔａｒｔｔｉｍｅ＋ｅｌａｐｓｅｄｔｉｍｅ)

startTime + elapsedTime

(ｓｔａｒｔ．ｃｌａｓｓｌｉｓｔ．ｒｅｍｏｖｅ（’ｉｎｄｅｘ’）；)

start.classList.remove('index');

(ｓｔｏｐ．ｃｌａｓｓｌｉｓｔ．ｃｏｎｔａｉｎｓ（’ｉｎｄｅｘ’）)

stop.classList.contains('index')

(ｓｔａｒｔ．ｃｌａｓｓｌｉｓｔ．ｒｅｍｏｖｅ（’ｉｎｄｅｘ’）；)

start.classList.remove('index');

(ｔｉｍｅｒ．ｔｅｘｔｃｏｎｔｅｎｔ＝’００：００．０００’；)

timer.textContent = '00:00.000';

(ｅｌａｐｓｅｄｔｉｍｅ＝０；)

elapsedTime = 0;

(ｄｏｃｕｍｅｎｔ．ｑｕｅｒｙｓｅｌｅｃｔｏｒ（’ｍａｉｎ’）；)

document.querySelector('main');

(’ｉｍｇ／ｂｌｕｅ．ｐｎｇ’)

'img/blue.png'

(ｔｈｉｓ．ｉｍｇ．ｃｌａｓｓｌｉｓｔ．ａｄｄ（’ｇｒｅｅｎ’）；)

this.img.classList.add('green');

(ｕｎｍａｔｃｈｅｄ)

unmatched

(ｎｅｗｃｌａｓｓ（）)

new Class()

(ｌｅｔｐａｎｅｌｓｌｅｆｔ＝３；)

let panelsLeft = 3;

(ｌｅｔｃｕｒｒｅｎｔｉｎｄｅｘ＝０；)

let currentIndex = 0;

(ｄｏｃｕｍｅｎｔ．ｑｕｅｒｙｓｅｌｅｃｔｏｒａｌｌ（）；)

document.querySelectorAll();

(ｂｌｕｅ．ｃｌａｓｓｌｉｓｔ．ａｄｄ（’ｃｕｒｒｅｎｔ’）；)

blue.classList.add('current');

(ｍａｉｎｉｍａｇｅ．ｓｒｃ＝ｉｍａｇｅ；)

mainImage.src = image;

(ｂｌｕｅ．ａｐｐｅｎｄｃｈｉｌｄ（ｉｍｇ）；)

blue.appendChild(img);

(ｄｏｃｕｍｅｎｔ．ｑｕｅｒｙｓｅｌｅｃｔｏｒ（’．ｂｌｕｅ’）；)

document.querySelector('.blue');

(ｉｆ（ｔａｒｇｅｔ＝＝＝ｉｍａｇｅｓ．ｌｅｎｇｔｈ）｛｝)

if (target === images.length) {}

(ｍ．ａｄｄｅｖｅｎｔｌｉｓｔｅｎｅｒ（’ｃｌｉｃｋ’，（）＝＞｛｝)

m.addEventListener('click', () =>{}

(ｔｉｍｅｔｏｃｏｕｎｔｄｏｗｎ＋＝６０＊１０００；)

timeToCountDown += 60 * 1000;