01 / 03
やることリストを作る
INPUT · スライド
画面の骨組みを作る
02 / 03
まず置くのは3つだけ
いきなり動かそうとしないで、触る相手を先に画面に置くのがコツ。今回置くのはこの3つだよ。
input… なにをするか打ちこむ欄button… 押すとふえるボタンul… ふえたものが並ぶ場所
この回ではまだ JavaScript を書かない。押しても何も起きないのが正解だよ。
<input id="task"><button id="add">ふやす</button><ul id="list"></ul>03 / 03
id は「あとで呼ぶ名前」
3つとも id を付けてあるね。これは次の回から JavaScript が呼ぶための名前だよ。
クラスと違って id はページの中で1つだけ。「この入力欄」「このボタン」と指を差すための名前だと思えばいい。
task / add / list の3つは、このコースの最後まで同じ名前で使い続けるよ。