Почему в функции push добавляет всего один раз значение?

Question

[Ingernirated]

Почему функция не хочет добавлять в массив значения, после добавления первого?
https://jsfiddle.net/uzuarvm4/9/

Answer 1

[Сергей Соколов]

когда вы меняете innerHTML, слетают все события.

Вот так работает.

Comments

[Алексей Ярков]

Ахаха )) Почти дословно сделали ))

[Сергей Соколов]

Алексей Ярков: great minds think alike )

[Алексей Ярков]

Сергей Соколов: +1

Answer 2

[Алексей Ярков]

https://jsfiddle.net/yarkov_aleksei/uzuarvm4/11/

Answer 3

[Дмитрий Лузанов]

document.body.innerHTML += arr; - сбрасывает все обработчики событий. Т.к. innerHTML += something не инкрементирует а заменяет на текущий контент + something. Следовательно ни var input = document.querySelector(".input");, ни var button = document.querySelector(".button"); уже не существует.
Тык