点击更改数字div

Question

我一定需要您的帮助。对于整个div，单击时，从0开始的数字必须变为1，如果我重新单击，则必须返回0。它必须在0和1之间交替。但是默认情况下，必须为0。

DIV：

curl

Answer 1

function toggle(div){
	div.innerHTML = div.innerHTML=="0" ? 1 : 0;
}

<div id="playstop" onclick="toggle(this)">0</div>

Answer 2

您可以使用香草javascript尝试

<div id="playstop" onclick="this.innerHTML=  this.innerHTML=='0' ? '1' : '0'">0</div>

Answer 3

$("#playstop").on("click", function () {
    this.innerHTML = this.innerHTML=="0" ? "1" : "0";
});

别忘了引用jquery。

Answer 4

纯香草解决方案，没有jQuery

const elem = document.getElementById("playstop");
elem.addEventListener("click", () => { 
  elem.innerText =  elem.innerText === "0" ? "1" : "0"
});