はじめに
このプロジェクトでは、一定の時間間隔後に信号の色を赤から緑に変える信号システムを作成する方法を学びます。このプロジェクトは、JavaScript の基本と、時間ベースのイベントに基づいて異なる要素を表示するために DOM を操作する方法を理解するのに役立ちます。
👀 プレビュー
🎯 タスク
このプロジェクトでは、以下を学びます。
- 基本的な HTML と JavaScript のプロジェクト構造を設定する方法
- 3 秒後に信号の表示を赤に変更する関数を実装する方法
- 6 秒後に信号の表示を緑に変更する関数を実装する方法
- async/awaitを使用して赤信号と緑信号の関数の実行を調整する方法
- 信号システムをテストし、期待通りに機能することを確認する方法
🏆 成果
このプロジェクトを完了すると、以下のことができるようになります。
- JavaScript を使用して DOM を操作し、HTML 要素の表示を変更する
- setTimeout() を使用して時間ベースのイベントをスケジュールする
- async/awaitを使用して非同期操作を管理する
- JavaScript コードをテストしてデバッグする
