怎么用原生js写个有三个按钮点击哪个是哪个的图片

你可以使用以下代码来实现一个有三个按钮，点击对应按钮显示对应图片的功能：

HTML代码：

<button id="btn1">按钮1</button>
<button id="btn2">按钮2</button>
<button id="btn3">按钮3</button>

<img id="image" src="" alt="图片">

<script src="script.js"></script>

JavaScript代码（script.js）：

// 获取按钮和图片元素
var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");
var btn3 = document.getElementById("btn3");
var image = document.getElementById("image");

// 为按钮添加点击事件监听器
btn1.addEventListener("click", function() {
  // 修改图片的src属性为对应的图片路径
  image.src = "image1.jpg";
});

btn2.addEventListener("click", function() {
  image.src = "image2.jpg";
});

btn3.addEventListener("click", function() {
  image.src = "image3.jpg";
});

上面的代码中，首先通过document.getElementById()方法获取到三个按钮和图片元素，并将它们分别赋值给变量btn1、btn2、btn3和image。然后使用addEventListener()方法为每个按钮添加点击事件监听器，当按钮被点击时，对应的图片的src属性会被修改为相应的图片路径。你可以根据实际情况将image1.jpg、image2.jpg和image3.jpg替换为你自己的图片路径。