Click here for free DL of the app version that can save data.

No:8392

2793

←

Prev Next

→

crap drill
Developer User3788｜Date and time 23/7/15 16:23:06
Build time 18.055 sec｜Game capacity 1.597KB｜

Script

うんちドリル

できるだけ早くうんちをクリックしてください！

💩

このプログラムでは、HTMLの中にスタイル、HTML要素、JavaScriptコードを含んでいます。スマホで開くと、画面上部に「うんちドリル」というタイトルと説明文が表示され、その下にはクリックした回数と残り時間が表示されます。"うんち"部分をクリックすると、クリックした回数が1つ増えます。残り時間が0になると「Time's up!」というアラートが表示され、スコアが表示された後にページがリロードされます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
  <title>うんちドリル</title>
  <style>
    body {
      text-align: center;
      margin-top: 10px;
    }
    #target {
      font-size: 50px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>うんちドリル</h1>
  <p>できるだけ早くうんちをクリックしてください！</p>
<p id=target>💩</p>
  <p id="score">0</p>
  <p id="timer">10</p>
  
  <script>
    var target = document.getElementById("target");
    var score = document.getElementById("score");
    var timer = document.getElementById("timer");
    var count = 0;
    var time = 10;

target.addEventListener("click", function() {
      count++;
      score.innerText = count;
    });

var countdown = setInterval(function() {
      time--;
      timer.innerText = time;
      if (time <= 0) {
        clearInterval(countdown);
        alert("Time's up! Your score: " + count);
        location.reload();
      }
    }, 1000);
  </script>
</body>
</html>
```