如何在用户使用vanilla javascript单击右/左可单击图像时执行滚动机制

const image = document.getElementById('image'); // 获取图像元素
image.addEventListener('click', scrollImage); // 添加点击事件监听器

function scrollImage(event) {
  const direction = event.target.dataset.direction; // 获取点击的方向（左或右）
  const scrollAmount = 100; // 滚动距离

  if (direction === 'left') {
    window.scrollBy(-scrollAmount, 0); // 向左滚动
  } else if (direction === 'right') {
    window.scrollBy(scrollAmount, 0); // 向右滚动
  }
}

<img id="image" src="image.jpg" data-direction="left">
<img id="image" src="image.jpg" data-direction="right">