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

No:1756

1461

←

Prev Next

→

game played by countries with different names
Developer GOひろし｜Date and time 23/6/19 0:32:00
Build time 41.412 sec｜Game capacity 3.21KB｜

Script

以下が、1枚のhtmlファイルにJavascriptを含んだ「国名わけっこゲーム」の実装例になります。

国名わけっこゲーム

ゲームのルール

このゲームは、国名をアルファベットの順番に交互に言っていき、先に言えなくなった方が負けとなるゲームです。

プレイ画面

最初の国名は「アイスランド」です。あなたから始めてください。

スコア

あなたの勝敗数: 勝 / 敗

プレイヤーは交互に国名を言い、アルファベットの順番に言えなくなった方が負けとなります。プレイ画面上部に表示されている「最初の国名は『アイスランド』です。あなたから始めてください。」の『アイスランド』が、最初の国名になります。スマホで操作する場合は、画面をタップすることでキーボードが表示され、国名を入力することができます。また、回答するボタンもタップすることで押すことができます。以上が、「国名わけっこゲーム」の実装例です。

←

Prev　Next

→ 　

Back　

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

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

以下が、1枚のhtmlファイルにJavascriptを含んだ「国名わけっこゲーム」の実装例になります。

```
<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<title>国名わけっこゲーム</title>
</head>
<body>
	<header>
		<h1>国名わけっこゲーム</h1>
	</header>

<main>
		<section>
			<h2>ゲームのルール</h2>
			<p>このゲームは、国名をアルファベットの順番に交互に言っていき、先に言えなくなった方が負けとなるゲームです。</p>
		</section>

<section>
			<h2>プレイ画面</h2>
			<p id="question">最初の国名は「アイスランド」です。あなたから始めてください。</p>
			<input type="text" id="answer" />
			<button id="submit" onclick="submitAnswer()">回答する</button>
		</section>

<section>
			<h2>スコア</h2>
			<p>あなたの勝敗数: <span id="win"></span>勝 / <span id="loss"></span>敗</p>
		</section>
	</main>

// 現在のプレイヤー
		let currentPlayer = 1;

// プレイヤーの勝敗数
		let player1Win = 0;
		let player2Win = 0;

// 回答を送信する関数
		function submitAnswer() {
			let answer = document.getElementById("answer").value;
			let lastChar = answer.charAt(answer.length-1);
			let question = document.getElementById("question");

if (currentPlayer == 1) {
				if (lastChar == countries[0].charAt(countries[0].length-1)) {
					player1Win++;
					question.innerHTML = "正解！ 次の国名は「" + countries[1] + "」です。";
					currentPlayer = 2;
				} else {
					player2Win++;
					question.innerHTML = "不正解！ " + countries[0] + "から始まる国名を入力してください。";
				}
			} else {
				if (lastChar == countries[1].charAt(countries[1].length-1)) {
					player2Win++;
					question.innerHTML = "正解！ 次の国名は「" + countries[0] + "」です。";
					currentPlayer = 1;
				} else {
					player1Win++;
					question.innerHTML = "不正解！ " + countries[1] + "から始まる国名を入力してください。";
				}
			}

document.getElementById("answer").value = "";
			document.getElementById("win").innerHTML = player1Win;
			document.getElementById("loss").innerHTML = player2Win;
		}
	</script>
</body>
</html>
```

以上が、「国名わけっこゲーム」の実装例です。