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