原生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替换为你自己的图片路径。