JavaScript | 1 日 60 分 × 7 日アプリ学習：JavaScript基礎・DOM操作 おみくじ編

2日目のゴールと全体像

おみくじアプリ 2日目のテーマは 「結果ごとにメッセージや色を変え、HTML/CSSとJavaScriptを連携させて“ちょっとリッチなおみくじ”に育てること」 です。

1日目では、

• ボタンを押すとランダムに「大吉」「中吉」などが表示される
• DOM操作でテキストを書き換える
• イベント処理で「クリックされたら動く」仕組みを作る

という、最小限の「動くおみくじ」を作りました。

2日目ではここに 「結果ごとのメッセージ」と「結果ごとの色」 を加えて、

• HTMLに「結果メッセージ用のエリア」を追加
• CSSで「結果の見た目」を整える
• JavaScriptで「結果に応じてメッセージと色を変える」
• DOM操作で複数の要素を同時に書き換える

という流れを体験していきます。