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

» 2023年07月06日 05時00分 公開
[伏見学@IT]
前のページへ 1|2       

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

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

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

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

ボタンの設定をしていく
前のページへ 1|2       

Copyright © ITmedia, Inc. All Rights Reserved.

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。