javascript - 在javascript中输入返回void字符串

问题描述

我正在用 javascript 在 html 中开发一个简单的表单，但显然有些东西不起作用。问题在于 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 体验，所以我还在学习...... :)

标签： javascripthtmlinput

javascript - 在javascript中输入返回void字符串

问题描述

解决方案

推荐阅读