Why is the second event listener calling the next() function instead of the previous() function? 🧐

Question

I’m trying to create a previous button for an image slider but the event listener is calling the next() function instead of the previous() function. Any ideas why this is happening?

Here’s my code for reference:
https://code.sololearn.com/Wa6a21a8A14a/?ref=app

Answer 1

your <img> buttons are absolute positioned and next is above previous button, so only next button is accessible to click...

you should use margin instead of padding as quickest fix to position your buttons ;)

Answer 2

visph thank you for the explanation! it fixed the issue with my code