FirebaseでjavaScriptを使ってサインイン、アインアップ機能を実装したいのですが、
複数個のメールアドレスで試しましたが全て同じエラーメッセージが出力されました。
どう対処すれば良いでしょうか。
エラーメッセージ
The email address is badly formatted.
現状のコード
<h1 style="font-size: 50px;">Welcome!</h1><br>
<div id="container">
<div id="input-area">
<p id="info" style="color:#ff6666; font-weight: bold;"></p><br>
<input id="email" type="email" placeholder="メールアドレス" class="button" size="25" required/><br><br>
<input id="password" type="password" placeholder="パスワード" class="button" required/><br><br>
<button id="login" class="button">ログイン</button><br><br>
<button id="newuser" class="button">新規登録</button>
</div>
</div>
<a href="main.html"><button id="backtohome" class="button"><pp>ゲストログイン</pp></button></a>
var firebaseConfig = {
apiKey: "*********",
authDomain: "*********",
databaseURL: "************",
projectId: "********",
storageBucket: "********",
messagingSenderId: "*********",
appId: "*********",
measurementId: "****************"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
//入力されたメールアドレスとパスワードを取得
var email = document.getElementById('email').value;
var password = document.getElementById('password').value;
var newuser=document.getElementById("newuser");
var login=document.getElementById("login");
var info=document.getElementById("info");
newuser.addEventListener('click', function(e) {
console.log("newuser add");
// 新規ユーザーを登録
firebase.auth().createUserWithEmailAndPassword(email, password)
.catch(function(error) {
info.innerHTML="<i class='fas fa-exclamation-triangle fa-2x'></i><br>"+error.message;
});
});
login.addEventListener('click', function(e) {
console.log("login add")
// ログイン認証
firebase.auth().signInWithEmailAndPassword(email, password)
.catch(function(error) {
info.innerHTML="<i class='fas fa-exclamation-triangle fa-2x'></i><br>"+error.message;
});
});
// 認証状態の確認
firebase.auth().onAuthStateChanged(function(user) {
if(user) {
location.href="main.html";
}
else {
//location.href="index.html";
}
});