@GovnoKoder_ITS
Мне 17 лет, начинающий front-end разработчик

Почему функция вызывается, если я ее не вызываю?

При загрузки страницы текст сразу выводиться, а должен выводиться при нажатии на кнопку. Извиняюсь, если вопрос тупой.

JS:

const prev  = document.getElementById('btn-prev'),
      next  = document.getElementById('btn-next'),
      slides = document.querySelectorAll('.slide');

// console.log(slide)

const activeSlide = () => {
    // for(slide of slides) {
    //     console.log(slide)
    // }

    console.log('Ok')
}



const prevSlide = () => {
    activeSlide();

}
const nextSlide = () => {
    activeSlide();
    console.log('next')
}

prev.addEventListener('click', prevSlide())
next.addEventListener('click', nextSlide())


HTML:

<h1>My first slider</h1>
    <div class="flex-wrapper">
        <div class="slider-wrapper">
            <div class="slide active">
                <img src="img_1.jpg" alt="">
            </div>
            <div class="slide">
                <img src="img_2.jpg" alt="">
            </div>
            <div class="slide">
                <img src="img_3.jpg" alt="">
            </div>
            <div id="btn-prev"></div>
            <div id="btn-next"></div>
        </div>
    </div>
    <div class="dots-wrapper">
        <span class="dot active"></span>
        <span class="dot"></span>
        <span class="dot"></span>
    </div>


606c959e4468b045077049.jpeg
  • Вопрос задан
  • 94 просмотра
Решения вопроса 1
@StiflerProger
prev.addEventListener('click', prevSlide())
next.addEventListener('click', nextSlide())


в этом твоём коде ты уже сразу вызываешь две функции

поменяй на ссылки:
prev.addEventListener('click', prevSlide)
next.addEventListener('click', nextSlide)
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Vladislav_Argun
Влад—Юный программист, (PHP, JS, CSS, HTML, MYSQL)
Попробуй обновить кэш с помощью ctrl + F5
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
28 мар. 2024, в 18:16
1000 руб./за проект
28 мар. 2024, в 18:15
90000 руб./за проект
28 мар. 2024, в 18:05
5000 руб./за проект