вход, возвращающий пустую строку в javascript

Question

Я разрабатывал простую форму в html с javascript, но что-то явно не работает. Проблема с вводом с id = "emailregistrazione", который возвращает пустую строку "". Здесь html код

    const cambiaPasswordButton = document.getElementById('cambiapassword');
    const registratiButton = document.getElementById('registrati');
    const container = document.getElementById('container');
    const registrazioneButton = document.getElementById("registrazione");
    var emailRegistrazione = document.getElementById("emailregistrazione").value;
    var passwordRegistrazione = document.getElementById("passwordregistrazione").value;
    
    cambiaPasswordButton.addEventListener('click', () => {
        container.classList.add('right-panel-active');
    });
    
    registratiButton.addEventListener('click', () => {
        container.classList.remove('right-panel-active');
    });
    
    
    registrazioneButton.addEventListener("click", () => {
    
        console.log("il valore è"+emailRegistrazione);
    
       firebase.auth().createUserWithEmailAndPassword(emailRegistrazione, passwordRegistrazione).catch(function(error) {
            // Handle Errors here.
            alert(emailRegistrazione)
            var errorCode = error.code;
            var errorMessage = error.message;
            // ...
          });
        });

    <div class="container" id="container">
            <div class="form-container reimpostapassword-container">           
                <form action="#">
                    <h1>Reimposta la password</h1>
                    <span>assicurati che la nuova password sia sicura e non possa essere facilmente scoperta</span>
                    <input type="email" placeholder="Email" id="emailrecupero"/>
                    <button>Reimposta password</button>
                </form>
            </div>
            <div class="form-container creaccount-container">
                <form action="#">
                    <h1>Creazione account</h1>
                    <span>per accedere al portale</span>
                    <input type="email" placeholder="Email" id="emailregistrazione"/>
                    <input type="password" placeholder="Password" id="passwordregistrazione"/>
                    <input type="text" placeholder="Nome Alunno">
                    <button id="registrazione">Registrati</button>
                </form>
            </div>
            <div class="overlay-container">
                <div class="overlay">
                    <div class="overlay-panel overlay-left">
                        <h1>CREAZIONE ACCOUNT</h1>
                        <p>Non hai un account? Registrati ora per accedere alla piattaforma</p>
                        <button class="ghost" id="registrati">Registrati</button>
                    </div>
                    <div class="overlay-panel overlay-right">
                        <h1>CAMBIO PASSWORD</h1>
                        <p>Hai dimenticato la password? Clicca qui sotto per impostarne una nuova</p>
                        <button class="ghost" id="cambiapassword">Cambia password</button>
                    </div>
                </div>
            </div>
     </div>

Это может быть глупой ошибкой, но это мой первый опыт работы с html / js, поэтому я все еще учусь ...:)

Answer 1

Работает ли это, когда вы вводите значение в поле электронной почты? Здесь важно отметить, что Placeholder! = Value и, следовательно, не будет возвращен вашим onClick.