Получение и вывод на экран данных из атрибут?

Question

[Yuber70 Roshe]

Здравствуйте.
Есть такая задача. Пользователь видит на экране изображение и вопрос, что изображено на картинке?
У пользователя должна быть возможность ввести только правильный ответ.
Например, на картинке изображен лес. У пользователя, в данном случае, есть возможность ввести слово ЛЕС.
В моем варианте условие работает частично, т.е. пользователь имеет возможность ввода этих трех символов в любой последовательности.
Перепробовал все в рамках своих знаний на данный момент. Не смог решить проблему. Требуется помощь. Спасибо.

let Word = document.querySelector(".pick");  //вывод на экран
 let content = document.querySelector(".item");
let attr =content. getAttribute("value");// атрибут 
let alfabet = document.querySelectorAll(".num");// клавиатура

alfabet.forEach((elem) => {
  elem.onclick = function () {
       if (attr.includes(elem.innerHTML)) {
         word.innerHTML += elem.innerHTML;
       }
     }
  });

Comments

[Сергей Сергей]

нужно сравнивать с конкретным символом в attr — для этого завести счётчик позиции, который прибавляется при удачных сравнениях, а также следить за длиной введённого.

[Yuber70 Roshe]

Спасибо.