用JavaScript写一个原生的轮播图

好的，下面是一个使用 JavaScript 实现原生轮播图的示例：

首先，我们需要准备轮播图所需的 HTML 结构。这里假设我们有一个包含轮播图图片的 `div` 元素，这个 `div` 元素的 `id` 为 `slider`。我们还需要为每张图片添加一个按钮，这样用户就可以通过点击按钮来切换图片。

<div id="slider">
  <img src="image1.jpg" alt="image1">
  <img src="image2.jpg" alt="image2">
  <img src="image3.jpg" alt="image3">
</div>
<button id="prev">Prev</button>
<button id="next">Next</button>

接下来，我们可以在 JavaScript 中添加一些代码来控制轮播图的行为。首先，我们可以通过使用 `querySelector` 方法来获取到我们所需的元素。

const slider = document.querySelector('#slider');
const prevBtn = document.querySelector('#prev');
const nextBtn = document.querySelector('#next');

然后，我们可以使用 `querySelectorAll` 方法来获取到轮播图中的所有图片。

const images = slider.querySelectorAll('img');

接下来，我们可以定义一个变量来记录当前显示的图片的索引。

let currentIndex = 0;

然后，我们可以定义一个函数来更新轮播图，这个函数会根据当前的索引来显示对应的图片。

function updateSlider() {
  // 隐藏所