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

ボタンの見た目を整えたのち、画像の領域に対してボタンを上下中央揃えにしていきます。

ボタンをクリックしたら次の画像にスライドするようにイベントを設定していきます。

画像が1枚分だけ横にスライドするように修正していきます。

何番目のスライドを表示したいかを変数で管理していきます。

ボタンをクリックしたら前の画像にスライドするようにイベントを設定していきます。

ボタンの状態を更新することで、不具合を直していきます。

updateButtons()メソッドを呼び出し、ボタンの状態が更新されるか確認していきます。

重複しているコードを一つの関数にまとめていきます。

画像の下にボタンを配置したのち、カルーセル全体をsectionでまとめておきます。

ボタンのスタイルを整えたあとに、ボタンを動的に生成するための準備をしていきます。

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