Почему в JS неправильно выполняются условия?

Question

[rabobas]

почему при любом условии дисплей все равно становится inline-block

alphabet.addEventListener("click", (event) => {
  for (let i = 0; i < lengthWord; i++) {
    if (event.target.innerHTML !=  word[i]) {
      document.getElementById("gf1").style.display = 'inline-block'
    }
 
    if (event.target.innerHTML == word[i]) {
      document.getElementById(i).innerHTML = word[i];
    }
 }
});

Comments

[Lynn «Кофеман»]

В JS правильно выполняются условия.
Это у вас в коде что-то неправильно написано.

Опишите человеческими словами чего вы хотите добиться и приложите HTML

[WbICHA]

Почему в JS неправильно выполняются условия?

Они выполняются именно так, как ты и написал.

[VoidVolker]

rabobas Правила 3.8

[rabobas]

Lynn «Кофеман»,
https://playcode.io/1748365

при нажатии на алфавит происходит цикл, но при выполнении первого или второго условия он должен прерваться

Answer 1

[Алексей Уколов]

Вариантов развития событий два:

1. Вы используете неверное сравнение. Например, у вас в target.innerHTML есть пробелы по краям, или какие-то теги, или не совпадает регистр.
   
2. Условие срабатывает верно, но поскольку вы меняете стиль одного и того же элемента, вы не учитываете предыдущие или последующие итерации.
   

Сделайте пример в песочнице и мы вас скажем точно, в чём проблема.

Comments

[rabobas]

https://playcode.io/1748365

при нажатии на алфавит происходит цикл, но при выполнении первого или второго условия он должен прерваться

[Алексей Уколов]

alphabet.addEventListener("click", (event) => {
  const matches = [];

  for (let i = 0; i < lengthWord; i++) {
    if (event.target.innerHTML === word[i]) {
      matches.push(i);
    }
  }

  if (matches.length > 0) {
    matches.forEach((i) =>  document.getElementById(i).innerHTML = word[i])
  } else {
    document.getElementById("gf1").style.display = 'inline-block'
  }
});