title: Firebase auth (email and password) not authenticating
body: <p>I'm not able to get the firebase auth working. User auth is enabled in the DB and login ID has been created. When is use the debug console of the browser, there is only 1 warning: </p>
  
  <pre><code>It looks like you're using the development build of the Firebase JS SDK.
  When deploying Firebase apps to production, it is advisable to only import the individual SDK components you intend to use.
  </code></pre>
  
  <p>I'm not sure what I'm missing here. any help is greatly appreciated.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function login(){
  
      const userEmail = document.getElementById('userEmail');
      const userPassword = document.getElementById('userPassword');
      const loginBtn = document.getElementById('loginBtn');
  
      loginBtn.addEvenListener('click'), e =&gt; {
        const email = userEmail.value;
        const pass = userPassword.value;
  }
    firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
          var errorCode = error.code;
          var errorMessage = error.message;
          if (errorCode === 'auth/wrong-password') {
            alert('Wrong password.');
          } else {
            alert(errorMessage);
          }
          console.log(error);
      });
      firebase.auth().onAuthStateChanged(user =&gt; {
            if (user) {
              window.location = 'secondpage.html';
            }
          });
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;TEST&lt;/title&gt;
  &lt;h1&gt;TESTING&lt;/h1&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;meta name="author" content="Name"
  &lt;link rel="stylesheet" href="style.css" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="login_div" class="main-div"&gt;
  &lt;h3&gt;Welcome&lt;/h3&gt;
  &lt;input id="userEmail" type="email" placeholder="Email..." /&gt;
  &lt;input id="userPassword" type="password" placeholder="Password..." /&gt;
  
  &lt;button click="login()"&gt;Login to Account&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;script src="https://www.gstatic.com/firebasejs/5.11.0/firebase.js"&gt;&lt;/script&gt;
     &lt;script&gt;
    // Initialize Firebase
      var config = {
      apiKey: "KEY",
      authDomain: "name.firebaseapp.com",
      databaseURL: "https://name.firebaseio.com",
      projectId: "testlist",
      storageBucket: "testlist.appspot.com",
      messagingSenderId: "111111111111"
      };
      firebase.initializeApp(config);
      &lt;/script&gt;
  
      &lt;script src="test.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
    &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>