前提・実現したいこと
カウントダウンタイマー、ミスタイプ数表示の実装
現在、実験で使用するプログラムを作成しました。
ここからタイマーとミス数のカウントをさせるためには、どのようなコードを追加したらいいのかが全く分かりません。
タイピングゲームにカウントダウンタイマーを実装し、時間となったら結果発表へ移行させたいです。
入力数とミスタイプ数の記録したいと思っています。
該当のソースコード
var p = document.getElementById('text'); var missType = 0; var cnt = 0; var textLists = [ 'Hello World', 'This is my App', 'How are you?', 'Hello Hello', 'I love JavaScript!', 'Good morning', 'I am Japanese', 'Let it be' ]; var checkTexts = []; createText(); function createText() { var rnd = Math.floor(Math.random() * textLists.length); p.textContent = ''; checkTexts = textLists[rnd].split('').map(function(value) { var span = document.createElement('span'); span.textContent = value; p.appendChild(span); return span; }); } document.addEventListener('keydown', keyDown); function keyDown(e) { if(e.key === checkTexts[0].textContent) { checkTexts[0].className = 'add-blue'; checkTexts.shift(); if(!checkTexts.length) createText(); } }
「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを、出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。
申し訳ありません。ご指摘ありがとうございます。質問文を修正いたしました。
タイマーの記述すらありませんが・・・。https://teratail.com/help/question-tips#questionTips1-2
ミス数とはどういうことでしょう。具体的にどういう事象のことでしょうか。
あなたの回答
tips
プレビュー