You promise to set the number of correct answers in a guessing game. You promise to create a guessing game. You promise to use pictograms. You promise to use animation. You promise to make games that are not scary. You promise to make text bigger. You promise to move the screen. You promise to make a card motif. You promise to make a timer. Promise breaking game! Break random promises!'s game | AI game creator

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

No:5387

818

You promise to set the number of correct answers i..ALL
Developer User3589｜Date and time 23/6/30 0:47:43
Build time 43.764 sec｜Game capacity 4.133KB｜

では、以下の要件を満たす数当てゲームを作成します。 - ゲームは1枚のHTMLファイルとして実装します。 - JavaScriptは必ずscriptタグで囲みます。 - ゲームはスマホで操作できるように作成します。 - 絵文字を使用します。 - ゲームにアニメーションを使用します。 - ゲームは怖くありません。 - 文字を大きく表示します。 - 画面を動かす要素を追加します。 - ゲームのテーマはトランプです。 - ゲームにタイマーを追加します。以下に例として、数当てゲームのコードを記述します。

🃏

上記のコードは、HTMLファイルとして実装された数当てゲームです。ゲームはスマートフォン上でプレイ可能であり、絵文字やアニメーションが使用されています。また、カードをクリックして開始し、指定された範囲の数字を入力して当てるというルールになっています。正解すると喜びの絵文字が表示され、不正解の場合は悲しみの絵文字と正解の数字が表示されます。楽しんでプレイしてください！

→ 　

1　

2　

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

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

(C)2023 HisashiApp

では、以下の要件を満たす数当てゲームを作成します。

- ゲームは1枚のHTMLファイルとして実装します。
- JavaScriptは必ずscriptタグで囲みます。
- ゲームはスマホで操作できるように作成します。
- 絵文字を使用します。
- ゲームにアニメーションを使用します。
- ゲームは怖くありません。
- 文字を大きく表示します。
- 画面を動かす要素を追加します。
- ゲームのテーマはトランプです。
- ゲームにタイマーを追加します。

以下に例として、数当てゲームのコードを記述します。

```html
<!DOCTYPE html>
<html>
<head>
<style>
#game-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.card {
  font-size: 48px;
  width: 100px;
  height: 150px;
  border: 1px solid black;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
</head>
<body>
<div id="game-container">
  <div id="card" class="card">🃏</div>
</div>

<script>
// 約束を破り捨てるため、正解の数字をランダムに生成します
const answer = Math.floor(Math.random() * 10) + 1;

// カードをタップするとゲームが開始します
document.getElementById("card").addEventListener("click", startGame);

function startGame() {
  // カードをクリックできないように無効化します
  document.getElementById("card").removeEventListener("click", startGame);
  
  // カウントダウンアニメーションを開始します
  countdown();
}

function countdown() {
  let count = 3;
  
  // カードのテキストをカウントダウン数字に置き換えます
  document.getElementById("card").textContent = count;
  
  // 次の数字まで500ミリ秒間隔を空けて表示します
  const intervalId = setInterval(() => {
    count--;
    document.getElementById("card").textContent = count;
    
    if (count === 0) {
      // カウントダウンが終了したらゲームを開始します
      clearInterval(intervalId);
      startGuessing();
    }
  }, 500);
}

function startGuessing() {
  // ユーザーが数を当てるためのプロンプトを表示します
  const guess = parseInt(prompt("1から10までの数字を入力してください"));
  
  if (isNaN(guess) || guess < 1 || guess > 10) {
    // 入力が無効な場合はエラーメッセージを表示してもう一度試行します
    alert("無効な入力です。再度お試しください。");
    startGuessing();
  } else {
    // 入力が有効な場合は結果を表示します
    showResult(guess);
  }
}

function showResult(guess) {
  const card = document.getElementById("card");
  
  if (guess === answer) {
    // 正解の場合はカードに喜びの絵文字とメッセージを表示します
    card.textContent = "🎉 正解！";
  } else {
    // 不正解の場合はカードに悲しみの絵文字と正解を表示します
    card.textContent = `😢 不正解！正解は${answer}でした`;
  }
  
  // カードをクリックしてゲームを再開できるようにします
  card.addEventListener("click", resetGame);
}

function resetGame() {
  // カードのテキストとクリックイベントリスナーを元に戻します
  document.getElementById("card").textContent = "🃏";
  document.getElementById("card").removeEventListener("click", resetGame);
  document.getElementById("card").addEventListener("click", startGame);
}
</script>
</body>
</html>
```

上記のコードは、HTMLファイルとして実装された数当てゲームです。ゲームはスマートフォン上でプレイ可能であり、絵文字やアニメーションが使用されています。また、カードをクリックして開始し、指定された範囲の数字を入力して当てるというルールになっています。正解すると喜びの絵文字が表示され、不正解の場合は悲しみの絵文字と正解の数字が表示されます。

楽しんでプレイしてください！