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

No:9248

2052

←

Prev Next

→

Arul Nadja Birthday Celebration
Developer User4246｜Date and time 23/7/23 0:52:27
Build time 19.524 sec｜Game capacity 2.268KB｜

Script

了解です。アルル・ナジャ生誕祭をテーマにしたゲームを作成します。以下にHTMLとJavaScriptのコードを示します。

アルル・ナジャ生誕祭

クリックしてゲームを開始してください！

Score: 0

このプログラムは、ボタンをクリックすることでゲームがスタートし、その後はスマホの画面をタップすることでスコアが増えていくシンプルなゲームです。ゲームが開始されると、画面上部にメッセージが表示され、スコアが表示されます。また、1秒ごとにスコアが自動で増加します。スコアの増加を加速させたい場合は、JavaScriptの`setInterval`の第2引数を調整してください。なお、絵文字は使用されていませんが、必要に応じて追加することも可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

了解です。アルル・ナジャ生誕祭をテーマにしたゲームを作成します。以下にHTMLとJavaScriptのコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>アルル・ナジャ生誕祭</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
    }
    
    button {
      font-size: 18px;
      padding: 10px 20px;
      background-color: #ffb6c1;
      border: none;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>アルル・ナジャ生誕祭</h1>
  <p id="message">クリックしてゲームを開始してください！</p>
  <p id="score">Score: 0</p>
  
  <script>
    var message = document.getElementById('message');
    var score = document.getElementById('score');
    var startButton = document.createElement('button');
    startButton.textContent = 'スタート';

startButton.onclick = function() {
      startGame();
    };

document.body.appendChild(startButton);

var gameStarted = false;
    var gameScore = 0;

function startGame() {
      gameStarted = true;
      startButton.style.display = 'none';
      message.textContent = 'アルル・ナジャの誕生日おめでとうございます！';
      score.textContent = 'Score: 0';

setInterval(function() {
        if (gameStarted) {
          gameScore++;
          score.textContent = 'Score: ' + gameScore;
        }
      }, 1000);
    }

document.addEventListener('touchend', function() {
      if (gameStarted) {
        gameScore++;
        score.textContent = 'Score: ' + gameScore;
      }
    });
  </script>
</body>
</html>
```