javascript - 单击按钮5次后如何显示图像

Question

是否有一个 javascript 可以让我显示一个按钮，用户单击该按钮可以加载 5 个图像中的任何一个。然后在按钮点击“X”次后，Hello World 出现在按钮下方

我已经能够找到可以计算按钮被点击次数的脚本，但是在点击一定次数后没有任何结果会导致操作。

任何建议表示赞赏。

Answer 1

您可以按如下方式设置代码：

<style type="text/css">
  #hello {
    display: none;
  }
</style>
<script type="text/javascript">
  var numClicks = 0;
  var x = 5;
  function action() {
    numClicks++;
    if (numClicks == x) {
      //do something here
      //get hello div and make it visible
      var hello = document.getElementById("hello");
      hello.style.display = 'block';
    }
  }
</script>    
<button type="button" onclick="action()">a button</button>
<div id="hello">Hello World!</div>