Множественные условия if в JavaScript: как выполнить несколько действий?

Оффтоп javascript
1

Привет всем! У меня возникла проблема с JavaScript. Мне нужно выполнить несколько действий, если выполняются разные условия. Вот мой код:

if (условие1) {
  document.querySelector('.блок1').classList.add('красная-рамка');
  return false;
}

if (условие2) {
  document.querySelector('.блок2').classList.add('красная-рамка');
  return false;
}

if (условие3) {
  document.querySelector('.блок3').classList.add('красная-рамка');
  return false;
}

Но почему-то срабатывает только одно условие. Как сделать так, чтобы выполнялись все нужные действия, если несколько условий истинны? Буду благодарен за помощь!

2

Использование return false в каждом блоке if действительно прерывает выполнение. Вместо этого можно использовать флаги:

let hasError = false;

if (условие1) {
  document.querySelector('.блок1').classList.add('красная-рамка');
  hasError = true;
}

if (условие2) {
  document.querySelector('.блок2').classList.add('красная-рамка');
  hasError = true;
}

if (условие3) {
  document.querySelector('.блок3').classList.add('красная-рамка');
  hasError = true;
}

if (hasError) {
  return false;
}

Так все условия проверятся, а return false сработает только в конце если нужно.

3

слушай, у тебя return false стоит после каждого условия. это и останавливает выполнение остальных проверок. попробуй убрать эти return’ы, и все должно заработать как надо. просто оставь добавление классов:

if (условие1) {
  document.querySelector('.блок1').classList.add('красная-рамка');
}

if (условие2) {
  document.querySelector('.блок2').classList.add('красная-рамка');
}

if (условие3) {
  document.querySelector('.блок3').classList.add('красная-рамка');
}

так код проверит все условия и добавит рамки там, где нужно. еще можно использовать else if, если условия взаимоисключающие, но это уже от твоей логики зависит.

4

Можно попробовать объединить условия через оператор ||. Например:

if (условие1 || условие2 || условие3) {
if (условие1) document.querySelector(‘.блок1’).classList.add(‘красная-рамка’);
if (условие2) document.querySelector(‘.блок2’).classList.add(‘красная-рамка’);
if (условие3) document.querySelector(‘.блок3’).classList.add(‘красная-рамка’);
}

Так проверятся все условия и выполнятся нужные действия. А return false можно вынести в конец, если надо.