JS null не является объектом - PullRequest
Новая
       75

JS null не является объектом

0 голосов
/ 05 августа 2020

Я начинаю работать с firebase и следую их руководству на YouTube, однако я все еще получаю эту ошибку ...

TypeError: null не является объектом (оценка 'btnLogin.addEventListener' )

Вот мой JS; 

 const txtEmail = document.getElementById('txtEmail');
  const txtPassword = document.getElementById('txtPassword');
  const btnLogin = document.getElementById('btnLogin');
  const btnSignUp = document.getElementById('btnSignUp');
  const btnLogOut = document.getElementById('btnLogOut');


  btnLogin.addEventListener('click', e => {
       const email = txtEmail.value;
       const pass = txtPassword.value;

       const auth = firebase.auth(firebaseConfig);
       const promise = auth.signInWithEmailAndPassword(email, pass);
       promise.catch(e => console.log(e.message));
  })
  btnSignUp.addEventListener('click', e => {
    const email = txtEmail.value;
    const pass = txtPassword.value;

    const auth = firebase.auth(firebaseConfig);
    const promise = auth.createUserWithEmailAndPassword(email, pass);
    promise.catch(e => console.log(e.message));
  })
  firebase.auth().onAuthStateChanged(firebaseUser => {
      if(firebaseUser){
          console.log(firebaseUser);
          btnLogOut.classList.remove('hide');
      }
      else{
          console.log('no one logged in');
          btnLogOut.classList.add('hide');
      }
  })
  btnLogOut.addEventListener('click', e => {
      firebase.auth().signOut();
  })

мой индексный файл; 

<?php
echo "<html>";
echo "<head>";
echo "<script src='https://www.gstatic.com/firebasejs/7.17.1/firebase-app.js'></script>";
//echo "https://firebase.google.com/docs/web/setup#available-libraries -->"     ;
echo "<script src='https://www.gstatic.com/firebasejs/7.17.1/firebase-analytics.js'></script>"; 
echo "</head>";
echo "<body>"
echo "<input id='txtEmail' type='email' placeholder='email'>";
echo "<input id='txtPassword' type='password' placeholder='password'>";
echo "<button id='btnLogin' class='btn btn-action'>Login</button>";
echo "<button id='btnSignUp' class='btn btn-secondary'>SignUp</button>";
echo "<button id='btnLogOut' class='btn btn-action hide'>Logout</button>";
echo "<script src='app.js'></script>";
echo "</body>";
echo "</html>";
?>

любая помощь будет принята с благодарностью!

...