Как сделать текст красным именно в этой последовательности?

Question

[Сергей К]

https://codepen.io/sergej-korolew/pen/jOKKxLV
Здравствуйте мне нужно чтобы текст в конце этих манипуляций был красным (именно по такому алгоритму! Понимаю что можно упростить, но не понятно почему именно так не работает). Как сделать чтобы заработало именно так как в примере в два шага, с двух прослушиваетелей?

Answer 1

[Rsa97]

// Uncaught TypeError: one is undefined
Что вполне логично, поскольку на момент вызова addEventListener переменной one ещё не присвоено никакое значение.
Вызов addEventListener - это не что-то магическое, а обычное назначение обработчика события уже существующему элементу. Либо его надо вызывать уже после появления требуемого элемента, либо вешать обработчик на родителя и использовать всплытие событий.