HTML / JS：更改inner.HTML並將其重置回

Question

所以我有這個HTML代碼

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

和這個JS代碼

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!";
}

該代碼執行了它應做的工作：-向我展示了擾流板-名稱更改了

我的問題是：當我再次單擊該按鈕或單擊另一個按鈕時，如何將其更改回“登錄”名稱。

謝謝！

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";
    }
 }