HTML / JS：更改inner.HTML并重置它

Question

所以我有这个HTML代码

<button id="demo" onclick="toogleFunction()">Login</button>

和这个JS-Code

function toogleFunction()
{
var x = document.getElementById('but_login');
if (x.style.display === 'none') {
    x.style.display = 'block';
} else {
    x.style.display = 'none';
}

document.getElementById("demo").innerHTML = "Insert your data!";
}

代码可以做它应该做的事情： - 它向我展示了扰流板 - 名称更改

我的问题是：如何将名称更改回＆＃34;登录＆＃34;，再次点击按钮或点击其他按钮时。

谢谢！

Answer 1

function toogleFunction()
 {
    var x = document.getElementById('but_login');
    var demo  = document.getElementById("demo")
    var text  = demo.innerText;

    if (x.style.display === 'none') {
        x.style.display = 'block';
    } else {
        x.style.display = 'none';
    }

    if(text === "Login"){
      demo.innerText = "Insert your data!";
    }else{
      demo.innerText = "Login";
    }
 }