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

No:4702

1721

←

Prev Next

→

Eat Anything! From Hydrogen to Beryllium
Developer User3589｜Date and time 23/6/28 17:51:57
Build time 27.199 sec｜Game capacity 2.351KB｜

Script

了解しました！水素からベリリウムまでの元素を当てるクイズゲームを作成します。

元素クイズ

このゲームでは、問題となる化学元素の化学記号を当てるクイズです。問題が表示され、ユーザーは回答欄に化学記号を入力して回答します。回答ボタンを押すと、正解か不正解が表示されます。全ての問題に回答すると、終了というメッセージが表示されます。このコードをHTMLファイルに保存し、ブラウザで開くと、ゲームとして遊ぶことができます。なお、このコードは水素からベリリウムまでの4つの元素を問題としていますが、他の元素を追加することもできます。

←

Prev　Next

→ 　

Back　

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

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

了解しました！水素からベリリウムまでの元素を当てるクイズゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>元素クイズ</title>
</head>
<body>
	<h1>元素クイズ</h1>
	<p id="question"></p>
	<input type="text" id="answer" placeholder="答えを入力してください">
	<button onclick="checkAnswer()">回答する</button>
	<p id="result"></p>

let currentElementIndex = 0;

function populateQuestion() {
			const questionElement = document.getElementById("question");
			questionElement.textContent = "次の元素の化学記号は？ " + elements[currentElementIndex].name;
		}

function checkAnswer() {
			const answerInput = document.getElementById("answer");
			const resultElement = document.getElementById("result");

if (answerInput.value.toUpperCase() === elements[currentElementIndex].symbol) {
				resultElement.textContent = "正解！";
			} else {
				resultElement.textContent = "不正解！正解は " + elements[currentElementIndex].symbol + " です。";
			}

// 次の問題へ進む
			currentElementIndex++;
			if (currentElementIndex >= elements.length) {
				// 全ての問題に回答した場合は終了
				alert("終了！");
				currentElementIndex = 0;
			}

// 問題を更新
			populateQuestion();

// 入力欄をクリア
			answerInput.value = "";
		}

populateQuestion();
	</script>
</body>
</html>
```

このゲームでは、問題となる化学元素の化学記号を当てるクイズです。問題が表示され、ユーザーは回答欄に化学記号を入力して回答します。回答ボタンを押すと、正解か不正解が表示されます。全ての問題に回答すると、終了というメッセージが表示されます。

このコードをHTMLファイルに保存し、ブラウザで開くと、ゲームとして遊ぶことができます。なお、このコードは水素からベリリウムまでの4つの元素を問題としていますが、他の元素を追加することもできます。