javascript - ボタンを5回クリックした後に画像を表示する方法

Question

ユーザーがクリックして5つの画像のいずれかをロードするボタンを表示できるjavascriptはありますか? 次に、ボタンが「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>