javascript - 使按钮在奇数和偶数点击中以不同的方式工作

Question

我知道我的问题可能已被问过一百万次，但即使经过 4 小时的研究，我仍然被困住了；我想做的是在图像上获得一个 onclick 函数，以在奇数和偶数点击中以不同的方式工作:

<div class= "random button" onclick = "myFunction()"> 
  <img class="cool image"> 
</div> 
<div class = "very cool content"> 
  <p>lorem</p>
</div>

function myFunction () {
 var x = 0;
 if (x - math.floor(x) = 0) {
   document.getElementByClass("very cool content").style.display = "grid";
   var x = x + 0.5;
 } else {
   document.getElementByClass("very cool content").style.display = "none";
   var x = x + 0.5;
 }

我知道这个问题很愚蠢，但我在 javascript 方面绝对不称职，而且我无法实现我在网上找到的任何答案，所以请帮助我。

Answer 1

另一种选择是将您的可见性置于类(class)之外。然后您的逻辑可以简单地在每次点击时切换该类。

function myFunction () {
  document.querySelector('.very.cool.content').classList.toggle('visible');
}

.very.cool.content:not(.visible) {
  display: none;
}

<div class= "random button" onclick = "myFunction()"> 
  <img class="cool image" alt="Cool Image"> 
</div> 
<div class = "very cool content"> 
  <p>lorem</p>
</div>