Вывод в консоль информации о эллементе по клику?

Question

[Денис]

https://jsfiddle.net/fristyr/nqbevkLw/5/ Вот пример. Простите что ссылкой.

Есть вызов функции евентлиснера emojeClickHandler(evt). С ним проблемма точнее с console.log который в ней. Он выдает undefined хотя по идее должен выдавать в консоль трубу и зверушку которая появилась в трубе. Вопрос почему undifined я понимаю что что то не то или не так ввожу но не понимаю что. Если кто то может помочь буду благодарен. Заранее спасибо.

Answer 1

[hzzzzl]

так как сейчас, то в clickHandler'e this это элемент на который ты кликаешь ( console.log(this) попробуй )

пишем эту строчку так, тем самым привязываем хендлер к this то есть классу Game, где это всё происходит

currentPipe.addEventListener('click', this.emojeClickHandler.bind(this))

// или так

currentPipe.addEventListener('click', () => this.emojeClickHandler());

Answer 2

[Владимир Проскурин]

https://jsfiddle.net/svnp9hbk/
т.е. что, вы вот тут вот теряете контекст this

currentPipe.addEventListener('click', this.emojeClickHandler);

там еще такая строка есть. Нужно либо обернуть ее в стрелочную функцию, либо юзать bind, либо она должна быть стрелочной функцией и.т.д.
и вот тут

console.log( 'pipe' , 'number= ' + this.randomPipe , ':' , 'emoji= ' , '' + this.randomAnimals)

вы методы randomPipe и randomAnimals забыли вызвать, нужно добавить скобки.

Comments

[Денис]

вы методы randomPipe и randomAnimals забыли вызвать, нужно добавить скобки.

Да ставил и выдает ошибку что randomPipe () и randomAnimals () не функции

[Денис]

Днис, Днис, Все получилось я немного не правильно понял, спасибо большое