Prosty slajder JS - blad

Question

Mam do zrobienia prosty slajder w jsie. Bez pomocy zadnych wtyczek. Napisalem taki kod ale on nie wchodzi. Mysle ze powinno to dzialac wiec moze ktos mi powie co jest nie tak? Dzieki 

var leftA = document.querySelector("#leftA");
console.log(leftA);
var rightA = document.querySelector("#rightA");
console.log(rightA);

var images = [blackchair,orangechair,redchair];
console.log(images);
var imageNumber = 0;
var imageLength = images.length -1;

function changeImage(x){
  imageNumber += x;
  if(imageNumber > imageLength){
    imageNumber = 0;
  }
  if (imageNumber < 0){
    imageNumber = imageLength;
  }
  document.querySelector(".blackchair").src = images[imageNumber];
  console.log(images[imageNumber]);
}

leftA.addEventListener("click", changeImage(-1));
rightA.addEventListener("click", changeImage(1));

 

Answer 1

1. Do tablicy dane musisz wpisać w cudzysłowiach.
2. W addEvenListener nie można wpisać bezpośrednio funkcji z parametrem, jedynie jej nazwę. Najłatwiej zrobić to tak:

leftA.addEventListener("click", function(){
    changeImage(-1);
});

 

Answer 2

Twój listener bezpośrednio szuka w tym przypadku funkcji changeImage(-1), gdyż odwołuje się do instancji funkcji. A ta jest niezgodna z standardem języka.