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

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

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

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

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

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

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

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

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

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

進む、戻るボタンを押したときにもcurrentクラスが移動するように修正していきます。

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