Как можно решить проблему с addEventListener('click')?

Question

[Денис]

Вот ссылка на проект: https://codepen.io/fristyr/pen/drZRrd

Проблема заключается в том что при клике на кнопку старта игры отнимается одна жизнь.
Но она не должна отниматься, при старте игры должно быть все три жизни.
Как я понимаю скорее всего проблема в евентлиснере, я пробовал сделать отдельный листнер, но он не реагирует.
Может кто взглянуть в код и сказать в чем может быть причина. И как можно решить проблему.

Comments

[0xD34F]

Прошу прошения что ссылкой, она чистая вирусов нет.

Верю. Но открывать всё равно как-то не хочется.

Для демонстрации кода есть песочницы - codepen, jsfiddle, codesandbox и т.п.

[Роман]

Совсем не хочется открывать ! )

[di]

Проблема в том что ты вешаешь события на весь документ, а не на отдельные элементы.

startGame() {
    this.mouseChance();
    this.fillLives();
    this.fillInitScore();
    this.fillInitLevel();
    setInterval(() => this.creatingAnimals(), this.speed);
    document.addEventListener('click', (e)=>{
        if(e.target !== this.startButt){
            this.clickOnEmoji(e);
        }
    });
  }

Можно вот так впринципе сделать наверное.

Answer 1

[RAX7]

https://codepen.io/anon/pen/LaOjPQ?editors=1010
см. 113 строчку

Comments

[Денис]

Одна строчка.... Я бы наверное не додумался сам....
Но, я немного не совсем понял что произошло

[RAX7]

Днис, там просто проверяется что событие прилетело от элемента внутри .game-zone
https://developer.mozilla.org/ru/docs/Web/API/Elem...

[Денис]

RAX7, Спасибо вроде понял. А можно еще вопрос, вот немного с изменениями https://codepen.io/fristyr/pen/drZzBE

По сути я все прописал чтоб после пятой мыши скорость ускорялась и в звезде менялось значиние скорости +1 но работает только анимация и скорость. Не взгляните еще разок если ен сложно?

[RAX7]

Днис, https://codepen.io/anon/pen/bZYoYo?editors=0010

[Денис]

RAX7, Спасибо, но там странность немного. После 100 очков животные сходят с ума. Скорость реко подскакивает и они появляются очень быстро не успевая толком появится