AKB48のみーおんがイチから作ったサイトを全世界に公開し、ちょまどが泣きそうなぐらい喜んだ日：開発者モードを使うアイドル、神（2/2 ページ）

開発者モードに興味津々なみーおん、AIの予測提案に驚くみーおん、逐次処理を理解するみーおん――プログラミングに初挑戦した日、トップアイドルはキラキラと輝いていた。

[伏見学，＠IT]

4. ライトテーマとダークテーマをボタンで切り替えられるようにする

　いよいよ、今回のセッションのハイライトともいえるJavaScriptに突入する。

　テーマの切り替えボタンを作るところから始める。「index.html」を開き、手入力で「＜button class=”btn”＞ダークテーマにする＜/button＞」と書き込む。ページを更新すると、ボタンが表示されたが、ボタンを押したときの処理をまだ定義していないため、この時点ではクリックしても動作はしない。

　次に、ボタンのデザイン編集だ。CSSファイルを開いて、形や色を整える。加えて、ボタンの設置場所をページの最下部から最上部の右方に移動させる。これで目立つようになった。

ボタンの設定をしていく