Else if не работает хотя до него все работает?

Question

[azya18]

let swiperNav = document.querySelectorAll('.work__stages-nav')
let number = document.querySelectorAll('.number')
let swiperNextBtn = document.querySelector('.swiper-button-next')
let swiperPrevtBtn = document.querySelector('.swiper-button-prev')
let swiperTitle = document.querySelectorAll('.swiper__item-info__title')

swiperNextBtn.addEventListener('click', function (e) {
  let swiperTitle = document.querySelectorAll('.swiper__item-info__title')
  let number = document.querySelectorAll('.number')
  for (let i = 0; i < swiperTitle.length; i++) {
    if (swiperTitle[i].innerHTML == 'Выбор материала и цвета') {
      swiperNav[0].style.color = '#373E46'
      number[0].style.color = '#373E46'
      number[0].style.background = 'white'
      swiperNav[1].style.color = '#621F2A'
      number[1].style = `
      background: #621F2A;
      color: white;
      `
    } else if (swiperTitle[i].innerHTML == 'Дизайн проект и изготовление') {
      swiperNav[1].style.color = '#373E46'
      number[1].style.color = '#373E46'
      number[1].style.background = 'white'
      swiperNav[2].style.color = '#621F2A'
      number[2].style = `
      background: #621F2A;
      color: white;
      `
      
    }  else if (swiperTitle[i].innerHTML == 'Установка гриль кухни') {
      swiperNav[2].style.color = '#373E46'
      number[2].style.color = '#373E46'
      number[2].style.background = 'white'
      swiperNav[3].style.color = '#621F2A'
      number[3].style = `
      background: #621F2A;
      color: white;
      `
    }
  }
})

Comments

[WapSter]

for (let i = 0; i < swiperTitle.length; i++) {
    console.log(swiperTitle[i].innerHTML)
}

Что выведет в консоль

[Smirator]

Для проверки работоспособности условий проверь каждый сценарий. Выведи в консоль что-то. Таким образом, поймешь где происходит ошибка

[azya18]

WapSter, текст загаловка

[AUser0]

azya18, гениально! Великолепен вопрос, в котором не указано, какой именно else if не срабатывает, угадывайте сами! И гениален ответ "текст заголовка", но без самого текста этого(этих) заголовков. Просто 5 с плюсом, не меньше. azya18, так держать.

[WapSter]

azya18, ну тогда все должно работать)

Answer 1

[Денис]

Трудно определить точную проблему без дополнительной информации о коде и контексте, в котором он используется. Однако одна из потенциальных проблем может заключаться в том, что оператор else if не связан должным образом с начальным оператором if. Для того чтобы оператор else if работал как положено, он должен непосредственно предшествовать оператору if, без какого-либо дополнительного кода между ними. Другая потенциальная проблема может заключаться в том, что условия в операторах if и else if не выполняются, в результате чего код в этих блоках не выполняется.