Переключение между текстами в промежутке

Question

я был в состоянии заменить текст на клик по следующему коду:

function changetext() { 
    document.getElementById("accounts").innerHTML = "Create Account"; 
} 

<span id="accounts" onclick="changetext()">Login</span> 

Эта замена Login на Create Account при нажатии, но не переключается обратно Login при нажатии на Create Account. Мне нужно переключаться между Login и Create Account.

Любые предложения?

Answer 1

Basic проверку, чтобы увидеть, что текст:

function changetext() { 
 
    var div = document.getElementById("accounts"); 
 
    var text = div.innerHTML == "Create Account" ? "Login" : "Create Account"; 
 
    div.innerHTML = text; 
 
}

<span id="accounts" onclick="changetext()">Login</span>

---

Или нет JavaScript на всех

input[name="log"] { display : none; } 
 
input[name="log"] + label.a {} 
 
input[name="log"] + label.a + label.b { display:none } 
 
input[name="log"]:checked + label.a {display:none} 
 
input[name="log"]:checked + label.a + label.b { display: inline }

<input type="checkbox" id="log" name="log" /><label class="a" for="log">Text 1</label><label class="b" for="log">2 Text</label>

Answer 2

Вы должны проверить innerHTML, используя, если состояние и изменение

function changetext() { 
    var element = document.getElementById("accounts"); 
    element.innerHTML = (element.innerHTML==="Login") ? "Create Account" : "Login"; 
} 

<span id="accounts" onclick="changetext()">Login</span> 

Answer 3

При нажатии на содержимое вашего диапазона тега changetext() вызывается функция, которая изменяет содержимое на "Create Account". Так что вы могли бы сделать что-то вроде этого: -

function changetext() { 
    if(document.getElementById("accounts").innerHTML == "Login"){ 
    document.getElementById("accounts").innerHTML = "Create Account"; 
    } 
    else 
    { 
    document.getElementById("accounts").innerHTML = "Login"; 
    } 
}