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

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

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

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

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

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

ウィンドウの大きさを変えたときに画像がずれる不具合を修正していきます。

完成版を確認したあとに、ひな形となるHTMLファイルを作っていきます。

必要な部品を揃えるため、HTMLでマークアップをしていきます。

CSSファイルを作ったあとに、おみくじを表示する部分のスタイルを整えていきます。

デフォルトで設定されている余白をリセットしたあとに、テキスト部分のスタイルを整えていきます。

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