以下是一个示例代码，用于在JavaScript中点击按钮切换图片：

HTML代码：

切换图片

JavaScript代码（script.js）：

function changeImage() {
  var image = document.getElementById('myImage');
  if (image.src.match("image1")) {
    image.src = "image2.jpg";
  } else {
    image.src = "image1.jpg";
  }
}

在这个示例中，我们使用getElementById方法获取到myImage元素，然后通过image.src来改变图片的源文件。当点击按钮时，changeImage函数被调用，并检查当前图片的源文件是image1.jpg还是image2.jpg，然后进行相应的切换。

有多种方法可以使用 JavaScript 点击按钮切换图片。以下是其中两种常见的实现方法：

方法一：使用一个数组保存多张图片的源文件，通过改变图片元素的 src 属性来切换图片。

HTML 代码：

切换图片

JavaScript 代码（script.js）：

var images = ["image1.jpg", "image2.jpg", "image3.jpg"];
var currentImageIndex = 0;
function changeImage() {
  var image = document.getElementById('myImage');
  currentImageIndex = (currentImageIndex + 1) % images.length;
  image.src = images[currentImageIndex];
}

方法二：通过切换 CSS 类来改变图片的样式，使用多张图片的背景图来实现切换效果。

HTML 代码：

切换图片

CSS 代码：

#myImage {
  width: 200px;
  height: 200px;
}
.image1 {
  background-image: url('image1.jpg');
}
.image2 {
  background-image: url('image2.jpg');
}
.image3 {
  background-image: url('image3.jpg');
}

JavaScript 代码（script.js）：

var currentImageIndex = 0;
function changeImage() {
  var image = document.getElementById('myImage');
  image.classList.remove("image" + (currentImageIndex + 1));
  currentImageIndex = (currentImageIndex + 1) % 3;
  image.classList.add("image" + (currentImageIndex + 1));
}

在这两种方法中，我们通过点击按钮调用 changeImage 函数来切换图片。方法一通过改变图片元素的 src 属性来切换图片，方法二通过切换图片元素的 CSS 类来改变图片的样式。你可以根据自己的需求选择适合的方法来实现切换图片的效果。