Javascript onclick（）显示和onclick（）隐藏

我想用onclick创建一个函数，如果我按下div，就会显示内容。如果我点击该内容，它会给我一个“开始”表单

让我向您展示代码：

HTML:

所以我做了一个变量状态来检查显示的内容。

---

我希望我能很好地表达自己

if语句不会再次神奇地运行。您需要在单击中进行检查。不要尝试绑定单独的单击事件

（函数（）{
var div=document.getElementById（“演示”）；
var info=“这是用户的信息。”；
var状态=假；
div.addEventListener（“单击”，函数（）{
状态=！状态；
div.innerHTML=状态？信息：“单击”；
});
}());
单击
if语句不会再次神奇地运行。您需要在单击中进行检查。不要尝试绑定单独的单击事件


（函数（）{
var div=document.getElementById（“演示”）；
var info=“这是用户的信息。”；
var状态=假；
div.addEventListener（“单击”，函数（）{
状态=！状态；
div.innerHTML=状态？信息：“单击”；
});
}());
单击
if语句不会再次神奇地运行。您需要在单击中进行检查。不要尝试绑定单独的单击事件


（函数（）{
var div=document.getElementById（“演示”）；
var info=“这是用户的信息。”；
var状态=假；
div.addEventListener（“单击”，函数（）{
状态=！状态；
div.innerHTML=状态？信息：“单击”；
});
}());
单击
if语句不会再次神奇地运行。您需要在单击中进行检查。不要尝试绑定单独的单击事件


（函数（）{
var div=document.getElementById（“演示”）；
var info=“这是用户的信息。”；
var状态=假；
div.addEventListener（“单击”，函数（）{
状态=！状态；
div.innerHTML=状态？信息：“单击”；
});
}());
单击
有什么问题吗？它只工作一次。我第二次点击它时，什么也没发生。那有什么问题吗？它只工作一次。我第二次点击它时，什么也没发生。那有什么问题吗？它只工作一次。我第二次点击它时，什么也没发生。那有什么问题吗？它只工作一次。我第二次点击它时什么也没发生即使我再次点击div？我想做的是，如果我点击它，它会显示“信息”。当我现在再次点击它时，它应该会显示“点击”。这就是我上面发布的代码应该做的。。。当状态更改时，代码不会绑定事件。一旦代码运行完成，它就不会返回并重新运行。哦，太好了，这就是我的问题！我认为这可以反复做。谢谢。：）你发布的代码和我想要的一样。非常感谢你。编辑：所以我应该通过EventListener了解更多信息。即使我再次单击div？我想做的是，如果我点击它，它会显示“信息”。当我现在再次点击它时，它应该会显示“点击”。这就是我上面发布的代码应该做的。。。当状态更改时，代码不会绑定事件。一旦代码运行完成，它就不会返回并重新运行。哦，太好了，这就是我的问题！我认为这可以反复做。谢谢。：）你发布的代码和我想要的一样。非常感谢你。编辑：所以我应该通过EventListener了解更多信息。即使我再次单击div？我想做的是，如果我点击它，它会显示“信息”。当我现在再次点击它时，它应该会显示“点击”。这就是我上面发布的代码应该做的。。。当状态更改时，代码不会绑定事件。一旦代码运行完成，它就不会返回并重新运行。哦，太好了，这就是我的问题！我认为这可以反复做。谢谢。：）你发布的代码和我想要的一样。非常感谢你。编辑：所以我应该通过EventListener了解更多信息。即使我再次单击div？我想做的是，如果我点击它，它会显示“信息”。当我现在再次点击它时，它应该会显示“点击”。这就是我上面发布的代码应该做的。。。当状态更改时，代码不会绑定事件。一旦代码运行完成，它就不会返回并重新运行。哦，太好了，这就是我的问题！我认为这可以反复做。谢谢。：）你发布的代码和我想要的一样。非常感谢你。编辑：所以我应该通过EventListener了解更多。
<div id="demo">click</div>

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