Добавление и удаление класса с помощью прослушивателя событий щелчка

Я делаю наложение с помощью CSS, но мне нужно событие onclick, чтобы изменить содержимое класса.

Я создал форму регистрации, чтобы она была под формой входа. При нажатии кнопки регистрации класс формы регистрации должен быть добавлен в контейнер, а также при нажатии кнопки входа я хочу, чтобы форма регистрации была удалена, а идентификатор входа заменил контейнер.

Я попытался использовать JavaScript, чтобы создать переменную для контейнера, зарегистрироваться и войти в систему с уникальным идентификатором, чтобы выбрать соответствующую область в DOM. Я также создал прослушиватели событий для добавления и удаления класса, который сначала не будет отображаться (поскольку сначала будет отображаться форма входа, это будет означать, что это будет форма регистрации, которую нужно будет добавлять и удалять).

НИЖЕ КОД, который я ПОПЫТАЛ.

// ACCOUNTS Overlay
const container = document.getElementById('container');
const signIpButton = document.getElementById('signIn');
const signUpButton = document.getElementById('signUp');

    // Add the classname to container
signUpButton.addEventListener('click', () => 
    container.classList.add('right-panel-active')
);

    // Remove the classname from container
signUpButton.addEventListener('click', () => 
    container.classList.remove('right-panel-active')
);