Функция не работает при передаче аргументов addEventListener

Question

Выполнение простого слайдера с помощью Js при передаче функции с аргументами в addEventListernet слайдер не работает, но при установке onclick = "slide (1)" в ID он отлично работает. Что я делаю неправильно?

var imgcount = 1; 
var imgTotal = 5; 

var left = document.querySelector(".left"); 
var right = document.querySelector(".right"); 

function slide(x) { 
    var img = document.getElementById("img"); 
    imgcount = imgcount + x; 
    img.src = "img/"+ imgcount +".jpg"; 
} 

left.addEventListener('click', slide(-1)); 
right.addEventListener('click', slide(1)) 

); 

Answer 1

для того, чтобы сделать это так, как вы начали, вы должны вернуть function из slide:

function slide(x) { 
    return function(){ 
     var img = document.getElementById("img"); 
     imgcount = imgcount + x; 
     img.src = "img/"+ imgcount +".jpg"; 
    } 
}