開発講座 02/12 · 道具の確認
星あつめ
これは完成ゲームではなく、HTML・CSS・JavaScriptの役割を確かめる練習画面です。
1. HTMLは、画面に置くもの
見出しやボタンを用意します。ここでは入力した名前を見出しへ反映します。
2. CSSは、見た目
色や余白を決めます。このボタンで見本の色を切り替えます。
3. JavaScriptは、操作後の動き
押した回数を数え、画面へ表示します。
星あつめ
30秒で10個の星を集めるゲームを、これから作ります。
この練習画面には、移動や当たり判定はまだありません。
入力 → ボタン → 結果の順に試してください。
index.htmlを保存 · style.cssを保存 · script.jsを保存
3つを同じフォルダに置いてindex.htmlを開くと、同じ練習ができます。入力は保存・送信されず、再読み込みすると初期状態に戻ります。