Replay? を押すと元に戻るのはなぜですか?

単純に、現在と同じページに遷移するためです。
2021年4月5日
ユーザー

お世話になります。
やや分からなかったのですが、HTMLでは以下の様に設定されている<a>要素ですが、

 <a href="">Replay?</a>

CSSで次の様に設定することで、なぜクリックしたら元の画面にもどるのでしょうか?

#btn,#result > a {
    background: #3498db;
    padding: 8px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 4px 0 #2880b9;
}

JavaScriptでは、以下の様に btn要素にaddEventListenerが設定されていると思うのですが..。

const btn = document.getElementById('btn');

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

       if(currentNum === quizSet.length-1){
           scoreLabel.textContent = `Score: ${score} / ${quizSet.length}`;
           result.classList.remove('hidden')
       } else {
           currentNum++;
           setQuiz();} 
 });

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(4)