如何使用Javascript代码使用按钮在两个图像之间切换？

<img src="image1.jpg" class="image">
<img src="image2.jpg" class="image">

var images = document.getElementsByClassName("image");
var currentIndex = 0;

var button = document.createElement("button");
button.textContent = "切换图像";
button.addEventListener("click", function() {
  // 隐藏当前显示的图像
  images[currentIndex].style.display = "none";
  
  // 更新当前图像索引
  currentIndex = (currentIndex + 1) % images.length;
  
  // 显示新的图像
  images[currentIndex].style.display = "block";
});

document.body.appendChild(button);