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

No:23438

←

Prev Next

→

NATOの納豆
Developer バファリンヌ｜Date and time 23/10/30 21:29:09
Build time 46.761 sec｜Game capacity 2.441KB｜

Script

以上の要件を満たすHTMLファイルを実装した例を以下に示します。この例では、「Rock, Paper, Scissors」というゲームを実装しています。

Rock, Paper, Scissors

このHTMLファイルをブラウザで開くと、「Rock, Paper, Scissors」というタイトルが表示され、`✊`、`✋`、`✌️`の絵文字が表示されるボタンがあります。それぞれのボタンをクリックすると、その手を選んだプレイヤーとコンピューターの選択が表示され、勝敗の結果が表示されます。以上が、要件を満たすHTMLファイルの実装例です。

←

Prev　Next

→ 　

Back　

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

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

以上の要件を満たすHTMLファイルを実装した例を以下に示します。この例では、「Rock, Paper, Scissors」というゲームを実装しています。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Rock, Paper, Scissors</title>
  <style>
    body {
      text-align: center;
      font-size: 1rem;
    }

button {
      font-size:　2rem;
      margin: 10px;
      padding: 10px;
    }
  </style>
</head>
<body>
  <h1>Rock, Paper, Scissors</h1>
  <h2 id="result"></h2>
  <button id="rock">✊</button>
  <button id="paper">✋</button>
  <button id="scissors">✌️</button>

function playGame(playerChoice) {
      const choices = ['rock', 'paper', 'scissors'];
      const computerChoice = choices[Math.floor(Math.random() * choices.length)];

// コンピューターの選択を表示
      document.getElementById('result').innerText = `Computer: ${computerChoice}`;

// 勝敗を判定して結果を表示
      if (playerChoice === computerChoice) {
        document.getElementById('result').innerText += '\nDraw!';
      } else if (
        (playerChoice === 'rock' && computerChoice === 'scissors') ||
        (playerChoice === 'paper' && computerChoice === 'rock') ||
        (playerChoice === 'scissors' && computerChoice === 'paper')
      ) {
        document.getElementById('result').innerText += '\nYou win!';
      } else {
        document.getElementById('result').innerText += '\nYou lose!';
      }
    }
  </script>
</body>
</html>
```

このHTMLファイルをブラウザで開くと、「Rock, Paper, Scissors」というタイトルが表示され、`✊`、`✋`、`✌️`の絵文字が表示されるボタンがあります。それぞれのボタンをクリックすると、その手を選んだプレイヤーとコンピューターの選択が表示され、勝敗の結果が表示されます。

以上が、要件を満たすHTMLファイルの実装例です。