js タイピングゲーム カウントダウン

Question

タイピングゲームを作っています

どういう風に書いたらいいのか教えていただけたらありがたいです。
問題分が「あいうえお」と出るので「あいうえお」と入力するとtotalmissは０になります。OKボタンを押して次の問題「かきくけこ」が出てくるので「かきくけこ」と入力するとtotalmiss
が５となります。正解を打っても打った文字分間違いとしてカウントされるので改善したいです

//表示する文字
var word = ["あいうえお","かきくけこ"];
var miss = 0;
var totalmiss = 0;


//文字を問題の部分に表示
var display = document.getElementById("word");
display.textContent = word[0];
//OKボタンを押す
  var click = document.getElementById("OK");
  click.addEventListener("click",function(){

    var display = document.getElementById("word");
  //文字間違い数判定
  input = document.getElementById("answer").value;
    if(word[0] == "あいうえお"){
      console.log("aaa");
      check("あいうえお",input);
    }else if(display.textContent == "かきくけこ"){
      check("かきくけこ",input);
      console.log("bbb");
    }
    
  //合計何文字間違ったのか記録
  totalmiss = miss;
  console.log(totalmiss);

  //入力欄クリア
  document.getElementById("answer").value = "";

  //かきくけこを表示
  var display = document.getElementById("word");
  display.textContent = word[1];


  })



// 文字入力の正解判定の関数
function check(str1,str2){
  var question = str1;
  question = str1.split("");
  var input = str2;
  input = input.split("");
  for(var i = 0; i < input.length; i++){
    if(question[i] !== input[i]){
      miss++
    }
  }
  return miss;
}

Comments

[int32_t]

「カウントダウン機能」とは具体的にどういう動作のことを指していますか? コードを見る限り、なにかを減らしているようなコードはないようです。

[int32_t]

「10秒以内に入力」という要件を消しましたね?
回答がついたあとに要件を変えるのはやめてください。せっかく書いた回答が意味不明になってしまいます。

Answer 1

10秒以内に回答しなかったら、文字数文だけ間違いとする

開始から10秒経ったらOKボタンを押したのと同じことをすればいいと思うので、

setTimeout(() => {
    click.click();
}, 10 * 1000);

でいいんじゃないでしょうか。

間違った文字数の判定もかなりずれてしまう

どういう動作を期待しているのかよくわかりませんが、とりあえず check() の中で miss を初期化しないと check() を呼ぶたびに積算されていきますね。
期待する動作を具体的に書くべきかと思います。例「answer欄に"さしすせそ"と入力してOKボタンを押すと、totalmiss として 5 が表示されるはずが10と表示されてしまう」など。

---

更新されたコードに対して:

    if(word[0] == "あいうえお"){
      console.log("aaa");
      check("あいうえお",input);

word[0] は常に "あいうえお" なので、例示しているのが "かきくけこ" だろうと "あいうえお" との一致をチェックしています。
ここは if をなくして check(display.textContent, input) でよいでしょう。