JavaScriptでスライドショー #2 (リンクを設定)

どうもAtsu1209です。

今回はJavaScriptでスライドショーで画像をクリックすることでリンクに飛ばすやつを作ります。

前回↓↓

スライドショー

前回のコード

//スライドショー        
const pics_src = ["img/one.png", "img/two.png", "img/three.png"];
let num = -1;
const indicators = [
  document.getElementById("spanone"),
  document.getElementById("spantwo"),
  document.getElementById("spanthree"),
];

function updateIndicators() {
  indicators.forEach((indicator, index) => {
    if (index === num) {
      indicator.style.color = "black";
    } else {
      indicator.style.color = "#808080";
    }
  });
}

function slideshow_timer() {
  if (num === 2) {
    num = 0;
  } else {
    num++;
  }
  document.getElementById("top-img").src = pics_src[num];
  updateIndicators();
}

indicators.forEach((indicator, index) => {
  indicator.addEventListener("click", function () {
    num = index;
    document.getElementById("top-img").src = pics_src[num];
    updateIndicators();
  });
});

setInterval(slideshow_timer, 6000);

リンクに飛ばす

 document.getElementById("top-img").addEventListener("click", function() {

    if (num === -1 || num === 0){
        window.open("リンク1");
    }
    if (num === 1){
        window.open("リンク2");
    }
    if (num === 2){
        window.open("リンク3");
    }
});