0

У меня есть 5 <div> с классом specific-letter в которых по одной букве. введите сюда описание изображения

Также у меня есть код, которий делает что-то когда я кликаю на <div> с классом specific-letter.

let click = () => {
 let letters = document.getElementsByClassName("specific-letter");
 let result = document.getElementById("names");
 let valueOnClick = document.getElementsByClassName("specific-letter").innerHTML;
 for (let i = 0; i < letters.length; i++) {
      letters[i].addEventListener("click", () => {

           console.log(valueOnClick); 

      }, false);
   }
 }
click();

Почему я в консоли получаю undefined? И как мне засунуть букву в переменную?

HTML:

<div class="specific-letter" onclick="click()">y</div>
1
  • Потому что getElementsByClassName возвращает массив
    – entithat
    Commented 2 мая 2021 в 18:10

1 ответ 1

1

Так попробуйте. И посмотрите на результат в консоли

let click = () => {
 let letters = document.getElementsByClassName("specific-letter");
 
 
 for (let i = 0; i < letters.length; i++) {
      letters[i].addEventListener("click", clickDiv, false);
   }
 }

function clickDiv(){

           console.log(this.innerHTML); 

      }
click();

Я бы сделал немного по другому.

 let letters = document.getElementsByClassName("specific-letter");
 
 let letterArray = letters.map(letter=>letter.innerHTML);
 console.log(letterArray);
 for (let i = 0; i < letters.length; i++) {
      letters[i].addEventListener("click", click, true);
   }
 

function click(e){
  e.stopPropagation();
  console.log(this.innerHTML); 
}
4
  • Получилось, но почему то 2 раза консолит...
    – oleh.bdn
    Commented 2 мая 2021 в 18:15
  • Попробуйте второй вариант Commented 2 мая 2021 в 18:19
  • Не проблема сунуть в переменную Commented 2 мая 2021 в 18:26
  • все все, я уже догадался, тупой вопрос)
    – oleh.bdn
    Commented 2 мая 2021 в 18:27

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.