Прежде всего, извините, если об этом уже спрашивали, но я много искал и ничего не смог найти.
По сути, у меня есть этот код, который позволяет мне войти, но я не могу выйти, я искал и пробовал разные коды, но он не работал.
Может ли кто-нибудь, пожалуйста, помогите.
initApp = function() {
firebase.auth().onAuthStateChanged(function(user) {
if (user) {
// User is signed in.
var displayName = user.displayName;
var email = user.email;
var emailVerified = user.emailVerified;
var photoURL = user.photoURL;
var uid = user.uid;
var phoneNumber = user.phoneNumber;
var providerData = user.providerData;
document.getElementById("name-container").innerHTML=displayName;
} else {
// User is signed out.
}
}, function(error) {
console.log(error);
});
};
window.addEventListener('load', function() {
initApp()
});
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Login</title>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Dosis');
body{
margin: 0;
font-family: 'Dosis', sans-serif;
}
#header{
width: 100%;
height: 100px;
padding-top: 50px;
text-align: center;
color: black;
font-size: 34px;
box-shadow: 10px 10px 5px #aaaaaa;
}
h2{
margin: 0;
}
.container{
width: 100%;
text-align: center;
margin-top: 90px;
}
.first{
display: table;
margin: 0 auto;
text-align: center;
padding: 20px;
}
a{
text-decoration: none;
font-size: 30px;
color: red;
}
a:hover{
color: black;
}
p{
text-decoration: none;
font-size: 30px;
color: red;
}
p:hover{
color: black;
cursor: pointer;
}
footer{
text-align: center;
border-top: 1px solid black;
padding: 20px;
position: fixed;
bottom: 0;
left: 0
right:0;
width: 100%;
}
</style>
<script src="https://www.gstatic.com/firebasejs/5.5.7/firebase.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body>
<div id="header">
<h2>Welcome <span id="name-container"></span></h2>
</div>
<div class="container">
<div class="first">
<a href="">Account</a>
</div>
<div class="first">
<a href="">My Files</a>
</div>
<div class="first">
<p class="first">LogOut</p>
</div>
</div>
<footer>
Smarter © 2018
</footer>
</body>
</html>
Я просто хочу знать, как я могу реализовать опцию выхода.