как щелкнуть изменить изображение между 3 изображениями

Question

Привет, я новичок в javascript, и я хочу изменить изображение, когда я нажимаю на изображение.Я могу сделать это с 2 изображениями, как мне сделать это с 3 изображениями?

function change() {
  var image = document.getElementById('changeimg');
  console.log(image)
  switch (image) {
    case "image2":
      document.getElementById('changeimg').src = "css3.png";
      break;
    default:
    case "image3":
      document.getElementById('changeimg').src = "javascript.png";
  }
}

<h1 align="center">Change Image</h1>
<br>
<div class="container" align="center">
  <img src="html5.png" style="height: 500px; width: 500px" id="changeimg" onclick="change()">
</div>

Answer 1

Просто замените ваше реальное имя изображения на imgArr

var img = 0;
var imgArr = ["img1.png", "img2.png", "img3.png"]

function change() {
  
  var image = document.getElementById('changeimg');
  console.log("Current image => ", imgArr[img])
  document.getElementById('changeimg').src = imgArr[img];
  if (img == 2) img = 0;
  else 
    img++;

}

<h1 align="center">Change Image</h1>
<br>
<div class="container" align="center">
  <img src="html5.png" style="height: 500px; width: 500px" id="changeimg" onclick="change()">
</div>