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

No:6147

682

←

Prev Next

→

Games to capture matching apps
Developer User3857｜Date and time 23/7/1 17:57:04
Build time 24.378 sec｜Game capacity 2.185KB｜

Script

了解です。マッチングアプリを攻略するゲームを作成します。

マッチングアプリ攻略ゲーム

スコア: 0

マッチした人数: 0

このゲームでは、ユーザーは「♡」ボタンを押して「いいね」を送ることができます。ユーザーが「いいね」を送るたびにスコアが100点増え、マッチした人数も1人増えます。「✖」ボタンを押すとスコアが10点減ります。マッチした人数が3人に達した場合、おめでとうというメッセージが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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 {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    button {
      font-size: 20px;
      padding: 10px 20px;
    }
  </style>
</head>
<body>
  <h1>マッチングアプリ攻略ゲーム</h1>
  <p id="score">スコア: 0</p>
  <p id="match">マッチした人数: 0</p>
  <button id="like">♡</button>
  <button id="pass">✖</button>

// HTML要素の取得
    const likeButton = document.getElementById('like');
    const passButton = document.getElementById('pass');
    const scoreElement = document.getElementById('score');
    const matchElement = document.getElementById('match');

// ボタンクリック時の処理
    likeButton.addEventListener('click', function() {
      score += 100;
      matchCount++;
      updateScore();
      checkMatch();
    });

passButton.addEventListener('click', function() {
      score -= 10;
      updateScore();
      checkMatch();
    });

// スコアとマッチした人数の表示を更新する関数
    function updateScore() {
      scoreElement.textContent = 'スコア: ' + score;
      matchElement.textContent = 'マッチした人数: ' + matchCount;
    }

// マッチした人数が一定数に達したかチェックする関数
    function checkMatch() {
      if (matchCount >= 3) {
        alert('おめでとう！マッチした人数が3人に達しました！');
      }
    }
  </script>
</body>
</html>
```