Я строю веб -сайт для школьного проекта, начиная со страницы входа/регистрации. Мой код может быть немного грязным, но я загрузил его здесь: github Repository. < /P>
Я сталкиваюсь с несколькими проблемами после внесения некоторых изменений: < /p>
< ol>
На входном фокусе связанные значки должны перемещаться с плавным переходом, но это не работает, как и ожидалось. < /p>
< /li>
Кнопки «Регистрация» и «Вход» должны сдвинуть форму вверх или вниз, чтобы переключаться между формами входа и регистрации, но переход не функционирует должным образом. (JavaScript для этого находится в документе HTML внизу.) < /P>
< /li>
< /ol>
Если вы не хотите беспокоиться Через код здесь есть часть, в которой кнопки должны функционировать: < /p>
Already have an account? Login
const loginBtn = document.querySelector('.loginBtn');
const registerBtn = document.querySelector('.registerBtn');
const loginBox = document.querySelector('.loginBox');
registerBtn.addEventListener('click', () => {
loginBox.classList.toggle('active');
});
loginBtn.addEventListener('click', () => {
loginBox.classList.toggle('active');
});
< /code>
css < /p>
.loginBox.active .login-wrapper {
transform: translateY(-100%);
}
.loginBox.active .signup-wrapper {
transform: translateY(-100%);
}
< /code>
Я попытался уничтожить весь предыдущий код, который я настроил, а затем просмотрел его на наличие синтаксических ошибок, но ничего не смог найти. Проверьте инструменты, не работают на школьных Chromebook, поэтому у меня возникают проблемы с диагностикой.>
Подробнее здесь: https://stackoverflow.com/questions/793 ... -requested
