Javascript onclick() show and onclick() hide

Question

Я хотел создать функцию с onclick, где, если я нажму на div, содержимое должно отображаться. Если я нажму на этот контент, он даст мне «начальную» форму.

Позвольте мне показать вам код:

HTML:

<div id="demo">click</div> 

Javascript:

var div = document.getElementById("demo"); 
var info = "This is the information for the user.";  
var status = true; 

if(status){ 
    div.onclick = function() { div.innerHTML = info }; 
    status=false; 
} 
    else { 
     div.onclick = function() { div.innerHTML = "click" }; 
     status=true; 
    } 

Так что я сделал переменную состояния, которая проверяет, что показано на рисунке. Надеюсь, я смогу выразить себя достаточно хорошо. :)

Answer 1

Операция if не собирается волшебным образом запускаться снова. Вам нужно сделать чек внутри клика. Не пытайтесь привязывать отдельные события кликов.

(function() { 
 
    var div = document.getElementById("demo"); 
 
    var info = "This is the information for the user."; 
 
    var status = false; 
 
    div.addEventListener("click", function() { 
 
    status = !status; 
 
    div.innerHTML = status ? info : "click"; 
 
    }); 
 
}());

<div id="demo">click</div>