怎么前端实现点击按钮切换图片

你可以通过 JavaScript 在按钮被点击时更改图片的 src 属性来实现图片切换。下面是一个简单的示例代码：

HTML：

<button id="btn">切换图片</button>
<img id="img" src="image1.jpg">

JavaScript：

var btn = document.getElementById("btn");
var img = document.getElementById("img");

btn.addEventListener("click", function() {
  if (img.src.includes("image1.jpg")) {
    img.src = "image2.jpg";
  } else {
    img.src = "image1.jpg";
  }
});

这段代码会在页面加载时找到按钮和图片的元素，然后为按钮添加一个点击事件监听器。点击按钮时，如果当前图片的 src 包含 "image1.jpg"，则将图片的 src 更改为 "image2.jpg"，否则将其更改为 "image1.jpg"。