document.addEventListener('DOMContentLoaded', () => {
    const usernameInput = document.getElementById('username');
    const emailInput = document.getElementById('email');
    const passwordInput = document.getElementById('password');
    const confirmPasswordInput = document.getElementById('confirmPassword');
    const registerButton = document.getElementById('registerButton');
    const messageEl = document.getElementById('message');
    const registrationForm = document.getElementById('registration-form');

    registerButton.addEventListener('click', () => {
        const username = usernameInput.value;
        const email = emailInput.value;
        const password = passwordInput.value;
        const confirmPassword = confirmPasswordInput.value;

        messageEl.textContent = "Регистрация прошла успешно!";
        messageEl.style.color = "green";

        if (!username) {
            messageEl.textContent = "Пожалуйста, введите имя пользователя.";
            messageEl.style.color = "red";
            return;
        }
        if (!email) {
            messageEl.textContent = "Пожалуйста, введите email.";
            messageEl.style.color = "red";
            return;
        }

        if (!password || !confirmPassword) {
            messageEl.textContent = "Пожалуйста, введите пароль и подтвердите его.";
            messageEl.style.color = "red";
            return;
        }

        if (password !== confirmPassword) {
            messageEl.textContent = "Пароли не совпадают.";
            messageEl.style.color = "red";
            return;
        }

        if (password.length < 8) {
            messageEl.textContent = "Пароль должен содержать не менее 8 символов!";
            messageEl.style.color = "red";
            return;
        }

        const userData = {
            username: username,
            email: email,
            password: password  
        };


        localStorage.setItem('user', JSON.stringify(userData));

        messageEl.textContent = "Регистрация прошла успешно!";
        messageEl.style.color = "green";

        usernameInput.value = '';
        emailInput.value = '';
        passwordInput.value = '';
        confirmPasswordInput.value = '';
    });
});