0

私は新しいプロジェクトのためにプログラミングを学ぼうとしているアーティストです/

関数が呼び出された最初の 3 回だけトリガーされるマウスアウト アラートを使用するプログラムを作成しようとしています。これが私のコードです。現時点では、3 回トリガーされます。

<!DOCTYPE html>
<html>
<head>
</head>

<body>

    <div id="message">
   <input type="button" value="CLICK HERE" id="countButton" />

    <p style="color: white">The button was pressed <span id="displayCount">0</span> times.</p>
    </div>
    <script type="text/javascript">
      var count = 0;
      var button = document.getElementById("countButton");
      var display = document.getElementById("displayCount");



      button.onclick = function(){
        count++;
        display.innerHTML = count;

        if (count <=3){
          button.onmouseout = function () {
            alert("        Come on... BACK TO WORK!");
          }
        }

        else if(count>3){
        document.body.innerHTML=""
        alert("FINALLY!!!");
}
      }
    </script>
</body>
</html>

それはプログラムの短いバージョンです。以下のリンクで最終結果 (マウスアウトの問題を除いたもの) を確認できます : http://www.esmeraldakosmatopoulos.com/blank#!/c1fam

私を助けてください

ありがとう！

4

1 に答える 1