1. よくつかう イベント
- click… ボタンを おす
- input / change… テキストを いれる、えらぶ
- mouseover / mouseout… マウスを のせる・はなす
2. 見た目を かえる 方法
element.style.color = 'red'（直接 いろ を かえる）element.classList.add('primary')（クラス を つける）- おすすめ：クラス を つけたり とったり（CSSで デザイン管理）
3. 実習①：ボタンで 見た目 を きりかえ
BOX
4. 実習②：入力 に あわせて ライブ変更
テキストを いれる と、下のカラーコード が かわります。
文字の ながさ：0
LIVE
5. 実習③：表示・非表示（toggle）
この テキスト は、ボタン で でたり きえたり します。
6. まとめ
- イベント（click / input など）に あわせて、クラス を つける・とる。
- CSSで 見た目 を 管理すると、きれい に なります。