无法理解Firebase Auth电子邮件登录

Question

我快要疯了。我无法解决如何使用firebase auth for web创建一个简单的电子邮件和密码登录。

我已经将代码firebase添加到api密钥，auth域等添加到我页面的head标签中。

我在控制台中尝试调试，但是我收到了这些错误。我该怎么办？两者都显示谷歌网址。

修改 我的代码底部现在看起来像这样，但没有添加到firebase，我只是得到上面的错误：

＆＃13;

＆＃13;

<form id="app">
<input id="txtEmail" type="email" placeholder="E-mail" /><br />
<input id="txtPassword" type="password" placeholder="Password" /><br /><br />
<button onclick="signIn()">Login</button> <button id="btnLogin">Sign up</button> <button hidden="true" id="btnLogout">Logout</button>
</form>


<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase.js"></script>
<script>
  // Initialize Firebase
  var config = {
    apiKey: "AIz",
    authDomain: "y.firebaseapp.com",
    databaseURL: "https://y.firebaseio.com",
    projectId: "y",
    storageBucket: "yn.appspot.com",
    messagingSenderId: "1"
  };
  firebase.initializeApp(config);
</script>
<script>
(function() {
	
	var app = document.querySelector('#app');
	
	app.signIn = function(){
		var email = document.getElementById("txtEmail").value;
    	var password = document.getElementById("txtPassword").value;
		
		console.log(email);
		console.log(password);
		
		firebase.auth().createUserWithEmailAndPassword(email, password).catch(function(error) {
  		// Handle Errors here.
  		var errorCode = error.code;
  		var errorMessage = error.message;
  		// ...
		});
	}
	

	

})();
</script>
</body>
</html>

＆＃13;

＆＃13;

＆＃13;

Answer 1

你错过了.value。

(function() {
	
  var app = document.querySelector('#app');
	
  app.signIn = function(){
    var email = app.txtEmail.value;
    var pass = app.txtPassword.value;
		
    // or
    //var email = document.getElementById("txtEmail").value;
    //var pass = document.getElementById("txtPassword").value;
    
    console.log(email);
    console.log(pass);
  }
})();

<form id="app">
<input id="txtEmail" type="email" placeholder="E-mail" /><br />
<input id="txtPassword" type="password" placeholder="Password" /><br /><br />
<button onclick="app.signIn()">Login</button> <button id="btnLogin">Sign up</button> <button hidden="true" id="btnLogout">Logout</button>
</form>