JS 입문강의 Carousel Next버튼 확장성 질문

<script>
let slideNext = $(".slide-next");
let carousel = $(".carousel");
let nowImg = 1;
let slideBefore = $(".slide-before");
slideNext.click(() => {
carousel.addClass('slide${nowImg}');
carousel.removeClass('slide${nowImg - 1}');
nowImg = nowImg + 1;
});
slideBefore.click(() => {
carousel.removeClass('slide${nowImg}');
carousel.addClass('slide${nowImg - 1}');
nowImg = nowImg - 1;
});
</script>

그리고 before과 next로 버튼을 두개 만들어서 before버튼을 누르면 전에보던사진을 보여주고싶은데, 정상적으로 작동은 하는데, 가끔 버튼을 두번씩 눌러야 슬라이드 되는 현상이 있습니다. 코드 문제인가요?