JSでスライドショーを作る

❶スライドショーに使うイメージの配列を作る
　１定数の配列imagesを用意→画像のパスを登録
　２変数を作り、０を代入する（今何枚目の画像を表示しているか保存するため）

const images = ['images/image1.jpg', 'images/image2.jpg', 'images/image3.jpg', 'images/image4.jpg', 'images/image5.jpg'];
let current = 0;　//今何枚目の画像を表示しているか保存

❷ボタンをクリックしたときのイベントを津樹る

document.getElementById('prev').onclick = function(){
changeImage(-1);
};
document.getElementById('next').onclick = function(){
changeImage(1);};

❸ボタンをクリックしたときのファンクションを用意
   ボタンをクリックしたときに渡される１や−１はパラメータnumに代入

function changeImage(num){

❹functionに入れる条件式を設定（０〜写真の枚数を再現）
lengthは項目の数
current + numが０以上、current + numが配列imagesの項目より少ない▶︎true スライド実行

if (current + num >= 0 && current + num < images.length){

:sunny:次へのボタンをクリック
  1.ボタンクリックする（current num = 0+1=1） 0以上,
　2.項目数は５個（１<５）

:sunny:前へのボタンをクリック
１.current num = 0-1=-1▶︎条件外のためfalse
動かない

❺functionの(current + num >= 0 && current + num < images.length)がtrueになる
currentに際代入

current += num;　//進んだ時は１　後退した時は−１なので

❻imgタグを取得しsedにcuurent番目のデータ（画像パス）を設定する

document.getElementById('main_image').src = images[current];

src▶︎画像を切り替える