【週刊ドットインストール】 256timesにて新クラスをリリース、Vue.js/Nuxtのロードマップページを追加
お世話になっております。 条件分岐をすることで、以下の処理を実行すると理解しました。
start が inactive クラスを含む場合、 return で処理を終了しその後の処理を実行しない
結果、 startTime = Date.now(); 以降の処理が行われないことも理解しました。
startTime = Date.now();
ですが、「return 以降の処理を実行しないこと」で なぜ「ボタンが無効化される」のか、具体的な流れが理解できません。
return
以下コメントアウトに記載した形式で、 嚙み砕いてご教示頂くことは可能でしょうか。
start.addEventListener("click", () => { // startをクリックをしたとき、 if (start.classList.contains("inactive") === true) { //startがinactiveクラスを含む場合、 return; //ここで処理を終了する。また、この後の処理は実行しない。 } startTime = Date.now(); //startTime変数にクリックした現在時刻が保存される countUp(); // countUp関数を呼び出す setButtonStateRunning(); // setButtonStateRunning()関数を呼び出す });
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
お世話になっております。
条件分岐をすることで、以下の処理を実行すると理解しました。
結果、
startTime = Date.now();以降の処理が行われないことも理解しました。ですが、「
return以降の処理を実行しないこと」でなぜ「ボタンが無効化される」のか、具体的な流れが理解できません。
以下コメントアウトに記載した形式で、
嚙み砕いてご教示頂くことは可能でしょうか。