JavaScript | 1 日 60 分 × 7 日アプリ学習:JavaScript基礎・DOM操作 サイコロ編

Web APP JavaScript
スポンサーリンク
スポンサーリンク

2日目のゴールと全体像

サイコロアプリ 2日目のテーマは 「サイコロの“出た目”に応じて画面の色やメッセージを変え、条件分岐(if文)とDOM操作を本格的に使いこなすこと」 です。

1日目では、

  • ボタンを押す
  • ランダムに 1〜6 の数字を生成
  • 画面に表示

という最小のサイコロアプリを作りました。

2日目ではここに 条件分岐(if / else) を加えて、

  • 出た目が偶数か奇数かを表示
  • 出た目に応じて背景色を変える
  • 出た目に応じてメッセージを変える
  • 複数の要素を同時に書き換える

という「動きのあるサイコロアプリ」に育てていきます。

タイトルとURLをコピーしました