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

No:4462

772

Sentence Modification Games
Developer User3589｜Date and time 23/6/28 1:46:07
Build time 45.497 sec｜Game capacity 3.992KB｜

「文章改変ゲーム」このゲームは文章を改変して元の意味を保ったまま別の表現で書き換えることが目的です。スマホに最適化されており、絵文字も使用できます。ゲームの説明プレイヤーは、与えられた文を改変し、元の意味を保ったまま別の表現で書き換えます。制限時間内にできるだけ多くの問題を正解することが目的です。問題はランダムに出題されます。正解するとポイントが加算されます。間違えるとポイントが減点されます。最終的に得られたスコアが表示されます。ゲームの実装以下は、ゲームを実装するための1枚のHTMLファイルです。JavaScriptはscriptタグで囲まれており、即座に実行されます。スマホでも遊べるように、レスポンシブデザインを採用しているため、画面サイズを問わず快適にプレイできます。 HTML:

文章改変ゲーム

「彼女は美人です」と言いました。

回答：

スコア：0

結果このHTMLファイルをブラウザで開くと、以下のように表示されます。問題文と回答欄、送信ボタンがあります。 ![game image](https://i.imgur.com/4cewg0N.png) 問題を改変すると「正解！」と表示され、不正解だと「不正解！正しい表現は〇〇です。」と表示されます。 ![correct image](https://i.imgur.com/WooUfr9.png) ![incorrect image](https://i.imgur.com/XcJmTjD.png) スコアが正解するたびに加算され、不正解だと減点されます。最後に表示されるスコアは、正解した問題数によって決まります。 ![score image](https://i.imgur.com/cxTcNit.png) 以上が「文章改変ゲーム」の実装です。

→ 　

1　

1　

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

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>
	<meta charset="utf-8">
	<title>文章改変ゲーム</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
	/* スタイルシート */
	</style>
</head>
<body>
	<h1>文章改変ゲーム</h1>
	<p id="problem">「彼女は美人です」と言いました。</p>
	<label for="answer">回答：</label>
	<input type="text" id="answer">
	<button type="button" id="submit">送信</button>
	<p id="result"></p>
	<p id="score">スコア：0</p>
	<script>
	// JavaScript部分
		
	// 問題と正解を配列で管理する
	var problems = [
		{ problem: "「彼女は美人です」と言いました。", answer: "彼女は美しいと言いました。" },
		{ problem: "私は本を読んでいます。", answer: "私は読書をしています。" },
		{ problem: "子供が遊んでいます。", answer: "子供が遊んでいる。" }
	];
	
	// ページ読み込み時に問題を初期表示する
	var index = Math.floor(Math.random() * problems.length); // ランダムに問題を選択する
	var problemElem = document.getElementById("problem");
	problemElem.textContent = problems[index].problem;
	
	// 送信ボタンが押されたら正解判定を行う
	var submitButton = document.getElementById("submit");
	submitButton.addEventListener("click", function() {
		var answer = document.getElementById("answer").value;
		if (answer === problems[index].answer) {
			// 正解の場合
			document.getElementById("result").textContent = "正解！";
			document.getElementById("result").classList.add("correct");
			score++;
		} else {
			// 不正解の場合
			document.getElementById("result").textContent = "不正解！正しい表現は「" + problems[index].answer + "」です。";
			document.getElementById("result").classList.add("incorrect");
			score--;
		}
		// 新しい問題を表示する
		index = Math.floor(Math.random() * problems.length);
		problemElem.textContent = problems[index].problem;
		document.getElementById("answer").value = "";
		
		// スコアを更新する
		var scoreElem = document.getElementById("score");
		scoreElem.textContent = "スコア：" + score;
	});
	
	// 初期スコア
	var score = 0;
	</script>
</body>
</html>
```

結果

このHTMLファイルをブラウザで開くと、以下のように表示されます。問題文と回答欄、送信ボタンがあります。

![game image](https://i.imgur.com/4cewg0N.png)

問題を改変すると「正解！」と表示され、不正解だと「不正解！正しい表現は〇〇です。」と表示されます。

![correct image](https://i.imgur.com/WooUfr9.png)

![incorrect image](https://i.imgur.com/XcJmTjD.png)

スコアが正解するたびに加算され、不正解だと減点されます。最後に表示されるスコアは、正解した問題数によって決まります。

![score image](https://i.imgur.com/cxTcNit.png)

以上が「文章改変ゲーム」の実装です。