【週刊ドットインストール】 256timesにて新クラスをリリース、Vue.js/Nuxtのロードマップページを追加
お世話になります。 やや分からなかったのですが、HTMLでは以下の様に設定されている<a>要素ですが、
<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が設定されていると思うのですが..。
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();} });
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
お世話になります。
やや分からなかったのですが、HTMLでは以下の様に設定されている
<a>要素ですが、CSSで次の様に設定することで、なぜクリックしたら元の画面にもどるのでしょうか?
JavaScriptでは、以下の様に
btn要素にaddEventListenerが設定されていると思うのですが..。