Как поправить скрипт нажатия кнопки Javascript?

Question

[tesko]

Привет всем. Есть 2 формы: логин и регистрация. Регистрация скрыта до тех пор пока не нажмем кнопку "зарегаться". Если зареганы - обратно идем на страницу входа.
Однако второй раз при клике на кнопку "есть аккаунт" - не срабатывает клик. Не могу понять, где указать (this)
https://jsfiddle.net/h9os6bpc/

Answer 1

[origami1024]

document.querySelector находит первый элемент с этим классом, на вторую кнопку ивент не прилепляется.

Используй
document.querySelectorAll('.main-wrapper__message')[0];
document.querySelectorAll('.main-wrapper__message')[1];

Comments

[tesko]

Это я знаю. Но как-то не красиво смотрится. Хотелось бы универсальное решение(

[origami1024]

в jQuery можно так как ты сделал одной строчкой

[origami1024]

Можешь еще вешать click на body и потом проверять у таргета события этот класс

https://jsfiddle.net/smfbr95e/

[tesko]

origami1024, Воо. От души. А про jquery знаю, но не хочу использовать его)

Answer 2

[Артем]

Это две разные кнопки. Дайте им разные id и соответственно разные обработчики
Так будет правильно

Если хотите, чтобы за переход отвечала одна кнопка, вынесите ее за пределы блока, который изменяется, а в обработчике меняйте её название