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

No:1322

214

←

Prev Next

→

Reset button available. One display icon. A game o..ALL
Developer User3300｜Date and time 23/6/18 11:04:31
Build time 18.71 sec｜Game capacity 2.389KB｜

Script

アイコンタップゲーム

画面上のアイコンをタップしてください。

制限時間は20秒です。

現在のスコアは0です。

😀

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="UTF-8">
  <title>アイコンタップゲーム</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
    body {
      background-color: lightblue;
      text-align: center;
    }
    #icon {
      font-size: 80px;
      cursor: pointer;
    }
    #score {
      font-size: 24px;
    }
    #time {
      font-size: 24px;
      color: white;
      background-color: red;
      padding: 10px;
      border-radius: 10px;
      display: inline-block;
    }
    button {
      font-size: 24px;
      margin: 20px;
      padding: 10px 20px;
      border-radius: 10px;
      background-color: white;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>アイコンタップゲーム</h1>
  <p>画面上のアイコンをタップしてください。</p>
  <p>制限時間は<span id="time">20</span>秒です。</p>
  <p>現在のスコアは<span id="score">0</span>です。</p>
  <div id="icon">😀</div>
  <button id="reset">リセット</button>

function getRandomArbitrary(min, max) {
      return Math.floor(Math.random() * (max - min) + min);
    }

function setRandomPosition() {
      var width = window.innerWidth;
      var height = window.innerHeight;
      var left = getRandomArbitrary(50, width - 150);
      var top = getRandomArbitrary(50, height - 150);
      document.getElementById("icon").style.left = left + "px";
      document.getElementById("icon").style.top = top + "px";
    }

function updateTime() {
      time--;
      document.getElementById("time").innerHTML = time;
      if (time == 0) {
        clearInterval(timer);
        alert("時間切れ！あなたのスコアは" + score + "点でした。");
      }
    }

function init() {
      score = 0;
      time = 20;
      document.getElementById("score").innerHTML = score;
      document.getElementById("time").innerHTML = time;
      setRandomPosition();
      timer = setInterval(updateTime, 1000);
    }

document.getElementById("icon").addEventListener("click", function() {
      score++;
      document.getElementById("score").innerHTML = score;
      setRandomPosition();
    });

document.getElementById("reset").addEventListener("click", function() {
      init();
    });

init();
  </script>
</body>
</html>