【javascriptエラー】Uncaught ReferenceError: 定数名 is not definedで、正答率を表示させることができない

Question

前提・実現したいこと

クイズ結果に正答率を表示させようと調べながらコードを書いていったのですが、以下のエラーが発生して結果画面が表示しなくなってしまいました。

(※書き足したコードの行にコメントで仮と書いています。)

よろしくお願いします。

発生している問題・エラーメッセージ

Uncaught ReferenceError: accuracy is not defined
    at HTMLDivElement.<anonymous>

該当のソースコード

    <section class="container3">
    <div id="timer">00:00.00</div>             <!--カウントダウンタイマーを表示-->
    <div hidden id="correct"></div>        <!-- 仮 -->
    <div  hidden id="wrong"></div>         <!-- 仮 --> 
    </section>
    

  const correct = document.getElementById('correct');   // 仮
  const wrong = document.getElementById('wrong');       // 仮

   function countDown() {                             
      timerId = setTimeout (function() {
      timeLeft = timeToCountDown - (Date.now() - startTime);  


      if(timeLeft < 0){             
        clearTimeout(timerId);
        timeLeft = 0;              

        updateTimer(timeLeft);

        btn.classList.remove('disabled'); 
        btn.textContent = '結果発表';   
        currentNum = quizSet.length - 1; 
        isAnswered = true;   
        return;         
      }

      updateTimer(timeLeft);       
      countDown();                        
      showResult();          // 仮
    }, 10);
  }


   function showResult(){    // 仮
    const accuracy = correct + wrong === 0 ? 0 : correct / (correct + wrong) * 100;
   }

  btn.addEventListener('click', () => {
    if (btn.classList.contains('disabled')) {
      return;
    }
    btn.classList.add('disabled');

    if (currentNum === quizSet.length - 1) {         
      scoreLabel.innerHTML = `${quizSet.length} <br>
      ${score}<br>
      ${accuracy.toFixed(2)}%`;        // 仮
      result.classList.remove('hidden');
    } else {                                       
      currentNum++;
      setQuiz();
    }
  });
}

試したこと

エラー文を検索してコード間違いを探したのですが、解決することができません。

補足情報（FW/ツールのバージョンなど）

ブロック内で以下のように記述したら解決できました。

 showResult();             // 仮

    function showResult(){    // 仮
      const accuracy = correct + wrong === 0 ? 0 : correct / (correct + wrong) * 100;
    if (currentNum === quizSet.length - 1) {          
      scoreLabel.innerHTML = `${quizSet.length}  <br>
      ${score} <br>
      ${accuracy.toFixed(2)}%`;            //仮
      result.classList.remove('hidden');
    } else {                                            
      currentNum++;
      setQuiz();
    }
  }
 });
}

Comments

[yambejp]

肥大化したプログラムをまるっと載せて質問するのはナンセンス
機能を関数化して、それぞれの関数について入出力と動作を決め込んでいけば
質問自体はその関数だけ例示すれば可能です

[begine]

わかりました。
次回から気をつけます。

Answer 1

   function showResult(){    // 仮
    const accuracy = correct + wrong === 0 ? 0 : correct / (correct + wrong) * 100;
   }

constはブロックスコープですので、accuracyが有効なのはこの関数の中だけです。

Comments

[begine]

ありがとうございます、エラーを消すことができました。
補足に解決方法を追記しました。

Answer 2

google翻訳
Uncaught ReferenceError：accuracyが定義されていません

その名前の変数／定数が定義されてないとおっしゃってますよ。

Comments

[begine]

ありがとうございます、解決できました。