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

No:7435

3613

←

Prev Next

→

Ana Games
Developer User3997｜Date and time 23/7/7 19:25:33
Build time 20.063 sec｜Game capacity 2.981KB｜

Script

了解です。以下に女子アナゲームの例を示します。

女子アナゲーム

スコア: 0

タイム: 60

このプログラムは、女子アナの絵文字が表示されるゲームフィールドで、制限時間内に女子アナをクリックしてスコアを稼ぐというゲームです。スタートボタンをクリックするとゲームが始まり、タイマーがスタートし、制限時間内に女子アナをクリックすることでスコアが加算されます。制限時間が0になるとゲーム終了となり、アラートで最終スコアが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解です。以下に女子アナゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>女子アナゲーム</title>
  <style>
    body {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      background-color: #F9F9F9;
    }
    h1 {
      text-align: center;
      font-size: 36px;
    }
    .button {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 200px;
      height: 50px;
      background-color: #FF6F61;
      border-radius: 10px;
      font-size: 24px;
      color: white;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>女子アナゲーム</h1>
  
  <div id="scoreboard">
    <p>スコア: <span id="score">0</span></p>
    <p>タイム: <span id="time">60</span></p>
  </div>
  
  <div id="gamefield"></div>
  
  <script>
    // ゲームに使用する変数
    var score = 0;
    var time = 60;
    var timer;
    
    // ゲームを開始する関数
    function startGame() {
      score = 0;
      time = 60;
      document.getElementById("score").textContent = score;
      document.getElementById("time").textContent = time;
      
      // タイマースタート
      timer = setInterval(function() {
        time--;
        document.getElementById("time").textContent = time;
        
        if (time == 0) {
          endGame();
        }
      }, 1000);
      
      // ボタンを非表示にする
      document.getElementById("startButton").style.display = "none";
      
      // ゲームフィールドに女子アナの絵文字を表示する
      var gamefield = document.getElementById("gamefield");
      gamefield.innerHTML = "";
      for (var i = 0; i < 9; i++) {
        var emoji = document.createElement("span");
        emoji.textContent = "👩";
        emoji.style.cursor = "pointer";
        emoji.style.fontSize = "64px";
        emoji.onclick = function() {
          score++;
          document.getElementById("score").textContent = score;
        };
        gamefield.appendChild(emoji);
      }
    }
    
    // ゲームを終了する関数
    function endGame() {
      clearInterval(timer);
      document.getElementById("startButton").style.display = "block";
      alert("ゲーム終了\nスコア: " + score);
    }
  </script>
  
  <button id="startButton" class="button" onclick="startGame()">ゲームスタート</button>
</body>
</html>
```