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

使用Javascript代码实现按钮在两个图像之间切换的方法有多种。以下是一种常见的实现方式：

首先，在HTML文件中创建两个<img>标签，分别用于显示两个图像，并给它们设置一个共同的类名，例如"image"。

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

接下来，在Javascript代码中获取这两个<img>标签的引用，并定义一个变量来跟踪当前显示的图像索引。

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";
});