javascript で検索した結果 - プログラミングならドットインストール

HTMLでマークアップをして、必要な要素を作っていきます。

CSSで、画面全体とメニューのスタイルを調整していきます。

activeクラスがついているメニューにスタイルをつけていきます。

細かい部分のスタイルを調整していきます。

メニューのliにclickイベントを設定して、クリックされたらactiveクラスが追加されるようにしていきます。

activeクラスを追加する前に、元からついていたactiveクラスは外すことで、移動するようにします。

内容を切り替えるための処理として、まず全てのcontentからactiveクラスを削除します。

どのメニューにactiveクラスがついているかに応じて、表示するタブの内容を切り替える処理を完成させます。

完成版を確認したあとに必要なファイルを作っていきます。

canvas要素を取得したあとにIconクラスを作っていきます。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス