我在学校有一项任务，我认为 Javascript 真的很难。现在一开始我需要用谷歌搜索所有东西，我只能在不同的库中找到解决方案。
在这种情况下，我需要使用 Vanilla JS。当我单击注销按钮时，它需要切换并显示登录按钮。
在任务中我不能更改 HTML 只添加 JS。
// 学生
<button class="signin-btn is-hidden">Log in </button>
<button class="signout-btn">Log out </button>您可以将单击事件侦听器添加到两个按钮以将其更改display为none并显示另一个按钮。
var login = document.querySelector('.signin-btn'),
logout = document.querySelector('.signout-btn');
login.addEventListener('click', function(e){
this.classList.add('is-hidden');//adds is-hidden class
logout.classList.remove('is-hidden');//removes is-hidden class
});
logout.addEventListener('click', function(e){
this.classList.add('is-hidden');
login.classList.remove('is-hidden');
});.is-hidden{
display: none;
}<button class="signin-btn is-hidden">Log in </button>
<button class="signout-btn">Log out </button>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句