Firebase не может получить мое входное значение для аутентификации

Question

Я пытаюсь создать систему ввода с помощью Firebase, но не могу прочитать значения, введенные во ввод. Кстати, Firebase работает на консоли, когда я попробовал, результат успешен.

Но, похоже, что-то не так, и я не знаю, где ты. Например, я скачал его откуда-то, и он не работает здесь, когда я там работаю.

Мне нужна помощь, ребята, спасибо

firebase.auth().onAuthStateChanged(function(user) {
    if (user) {
        // User is signed in.
        const user = firebase.auth().currentUser;
        if(user != null){
            const email_id = user.email;
            console.log("Welcome User: " + email_id)
        }
    } else {
        console.log("No one here.");
    }
});


function userlogin(){
    const user_email = document.getElementById("user_email").valueOf();
    const user_pass  = document.getElementById("user_pass").valueOf();
    firebase.auth().signInWithEmailAndPassword(user_email, user_pass).catch(function(error) {
        // Handle Errors here.
        const errorMessage = error.message;
        window.alert("Error : " + errorMessage);
    });
}

  <div class="container" style="margin-top:10%;">
      <div class="row main-div" id="login_area">
          <div class="col-md-5">
              <h3 class="text-center">Chairboard Login</h3><br><br>
              <form role="form">
                  <div class="form-group">
                      <input placeholder="E-Mail Address" type="email" class="form-control" id="chair_email" />
                  </div>
                  <div class="form-group">
                      <input placeholder="Password" type="password" class="form-control" id="chair_pass" />
                  </div>
                  <button type="submit" class="btn btn-primary" onclick="chairLogin()">Login to Account</button>
              </form>
          </div>
          <div class="col-md-2" style="margin-top: 5%; margin-bottom: 5%;"></div>
          <div class="col-md-5">
              <h3 class="text-center">Delegate Login</h3><br><br>
              <form role="form">
                  <div class="form-group">
                      <input placeholder="E-Mail Address" type="email" class="form-control" id="user_email"/>
                  </div>
                  <div class="form-group">
                      <input placeholder="Password" type="password" class="form-control" id="user_pass"/>
                  </div>
                  <button type="submit" class="btn btn-primary" onclick="userlogin()">Login to Account</button>
              </form>
          </div>

      </div>
  </div>


  <!-- Optional JavaScript -->
  <script src="https://www.gstatic.com/firebasejs/5.9.0/firebase.js"></script>
  <script>
      // Initialize Firebase
      const config = {
          apiKey: "xxx",
          authDomain: "xxx",
          databaseURL: "xxx",
          projectId: "xxx",
          storageBucket: "xxx",
          messagingSenderId: "xxx"
      };
      firebase.initializeApp(config);
      console.log("Firebase Loaded");
  </script>
  <script src="app/sign.js"></script>

Answer 1

Требуется значение адреса электронной почты и пароля, поэтому

const user_email = document.getElementById("user_email").valueOf();
const user_pass  = document.getElementById("user_pass").valueOf();

должно стать

const user_email = document.getElementById("user_email").value;
const user_pass  = document.getElementById("user_pass").value;