通过循环点击数组

Question

您好我正在尝试构建一个滑块，用于从我的数组中获取点击事件。 我的计划是通过数组中的foreach循环，以便我可以为所有数组设置动画。现在我正在努力解决以下问题：1他正在通过孔阵列2.他正在给我错误动画来自或来自基础值尚不支持。

编辑： 我想动画我的滑块自动adter buttonpush - ＆gt;左：0px;

PS：我80％确定这个问题很愚蠢，对于js / coding来说是新手

function slider() {
  var forward = document.getElementById('forward');
  imageIDs.forEach(function (id) {
    forward.addEventListener('click', function () {
      console.log('in the Loop: ' + id);
      forward.animate({
        left: '0px'
      },1500);
    });
  });
}

slider();

HTML

<div id="sliderContainer">
  <div id="backward" class="backward"></div>
  <div id="forward" class="forward"></div>

  <div id="sliderWrapper" class="slider">
    <div id="slide1" class="slider">
      <img src="img/clouds-2517653_1920.jpg"/>
    </div>
    <div id="slide2" class="slider">
      <img src="img/drop-of-water-2396748_1920.jpg"/>
    </div>
  </div>
</div>