.form__disable {
  opacity: 50%;
  pointer-events: none;
}

document.addEventListener('DOMContentLoaded', function() {
        const emailField = document.querySelector('input[name="form__email"]');
        const submitButton = document.querySelector('.submit-button-wrapper');
        if (emailField) {
            disableButton();
            emailField.addEventListener('input', function () {
                console.log('Wywołano Event Listener "Input"');
                const email = emailField.value;
                if (isValidEmail(email)) {
                    console.log('Email poprawny');
                    activateButton()
                } else {
                    console.log('Email niepoprawny');
                    disableButton();
                }
            });
            console.log('Dodano event listener');

            function isValidEmail(email) {
                const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
                return emailRegex.test(email);
            }

            function disableButton() {
                if(!submitButton.classList.contains('form__disable')) {
                    submitButton.classList.add('form__disable')
                }
            }

            function activateButton() {
                if(submitButton.classList.contains('form__disable')) {
                    submitButton.classList.remove('form__disable')
                }
            }
        }


    })