Не понимаю в чем ошибка?

const slides = [
  $('.first-slide'),
  $('.second-slide'),
  $('.third-slide')
]
const buttons = [
  $('.b-string-left'),
  $('.b-string-right')
]

let activeSlide = 0


buttons[1].click(function () {

  slides[0].fadeOut(0)
  slides[1].fadeIn(1000)
  activeSlide++
  if (activeSlide == activeSlide++)
    console.log('1')
  buttons[1].click(function () {
    slides[1].fadeOut(0)
    slides[2].fadeIn(1000)
    activeSlide + 3
    return
  })
  if (activeSlide = activeSlide == 3)
    console.log('3')
})


if (activeSlide = activeSlide == 2)
  console.log('2')
buttons[0].click(function () {
  slides[1].fadeOut(0)
  slides[0].fadeIn(1000)
  activeSlide--
})


Есть такой код activeSlide отвечает за номер слайда который сейчас, после каждого клика он должен прибавлять +1 к изначальному значению, то есть 0, по сути после первого клика значение activeSlide = 1 и если это так то это выводится в консоль. Это работает, но при последующих кликах в консоль выводится все равно 1 и так до 3 слайда, хотя вроде как после каждого клика я прибавляю еще по одному.
Что я делаю не так?Как мне добиться вывода в консоль значения которое я хочу
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ответы на вопрос 2
@Get-Web
Верстальщик
Вы сравниваете одинаковые значения if (activeSlide == activeSlide++) и каждый раз проваливаетесь в условие
Ответ написан
OTCloud
@OTCloud
Перспективный-неалкоголик
Где то читал что подобное количество if-ов в коде, говрит о том что разраб не понимает что хочет от программы.
Вот рабочий код на основе вашего, только чуть модифицированный:
const slides = [
	$( ".your-first-slide-here" ), // first slide
	$( ".your-second-slide-here" ), // second slide
	$( ".your-third-slide-here" ) // third slide
];

const controls = [
	$( ".next-control" ), // to next slide button
	$( ".prev-control" ) // to preview slide button
];

var currentSlideIndex = 0;  // index of activated slide


// click to next slide
button[0].click( function () {

	currentSlide = currentSlideIndex;
	nextSlide = currentSlideIndex++;

	slides[ currentSlide ].fadeOut( 0 );
	slides[ nextSlide ].fadeIn( 1000 );

	if ( currentSlideIndex == slides.length )
	{
		currentSlideIndex == 0;
	}
	else
	{
		currentSlideIndex += 1;
	}

	console.log( currentSlideIndex );

} );


// click to preview slide
button[1].click( function () {

	currentSlide = currentSlideIndex;
	nextSlide = currentSlideIndex--;

	slides[ currentSlide ].fadeOut( 0 );
	slides[ nextSlide ].fadeIn( 1000 );

	if ( currentSlideIndex == 0 )
	{
		currentSlideIndex == slides.length;
	}
	else
	{
		currentSlideIndex -= 1;
	}

	console.log( currentSlideIndex );

} );
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы