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

No:1589

3275

A game to create lyrics from random themes
Developer anonymous｜Date and time 70/1/1 9:51:18
Build time unknown sec｜Game capacity 3.078KB｜

ランダムテーマ詞ゲーム

テーマ：????

→ 　

0　

0　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>ランダムテーマ詞ゲーム</title>
</head>
<body>
	<header>
		<h1>ランダムテーマ詞ゲーム</h1>
		<p id="theme">テーマ：????</p>
		<p id="word"></p>
	</header>

<main>
		<button id="start">スタート！</button>
		<input type="text" id="answer" placeholder="答えを入力してください">
		<button id="check">答え合わせ</button>
		<p id="result"></p>
	</main>

<footer>
		<p>Created by AI <3</p>
	</footer>

<script>
		const themes = ["ペット", "旅行", "食べ物", "スポーツ", "音楽", "恋愛", "キャラクター", "お笑い", "映画", "スマホアプリ"];
		const words = [
			["犬", "猫", "ウサギ", "鳥", "ハムスター", "ヘビ", "トカゲ", "カメレオン"],
			["海外旅行", "国内旅行", "冒険旅行", "温泉旅行", "バックパッキング", "一人旅"],
			["焼肉", "寿司", "ラーメン", "ハンバーガー", "ピザ", "カレー", "お寿司", "うどん", "そば", "天ぷら"],
			["野球", "サッカー", "テニス", "ゴルフ", "水泳", "陸上競技", "卓球"],
			["J-POP", "洋楽", "クラシック", "ジャズ", "ロック", "ヒップホップ", "R&B"],
			["恋人", "結婚", "別れ", "告白", "失恋", "初恋"],
			["マリオ", "ポケモン", "ドラゴンボール", "ワンピース", "ディズニーキャラクター", "サンリオキャラクター"],
			["お笑い芸人", "吉本芸人", "お笑い番組", "漫才"],
			["アニメ", "アクション", "SF", "ファンタジー", "ホラー", "ROMANCE"],
			["ツイッター", "インスタグラム", "フェイスブック", "LINE", "TikTok"]
		];

let theme, word, answer, result;

const startButton = document.getElementById("start");
		const checkButton = document.getElementById("check");

function startGame() {
			theme = themes[Math.floor(Math.random() * themes.length)];
			word = words[themes.indexOf(theme)][Math.floor(Math.random() * words[themes.indexOf(theme)].length)];
			document.getElementById("theme").textContent = `テーマ：${theme}`;
			document.getElementById("word").textContent = `「${word}」に関連する言葉は？`;
			document.getElementById("result").textContent = "";
			document.getElementById("answer").value = "";
			document.getElementById("answer").focus();
			startButton.style.display = "none";
			checkButton.style.display = "block";
		}

function checkAnswer() {
			answer = document.getElementById("answer").value;
			if (answer === "") {
				document.getElementById("result").textContent = "答えを入力してください";
			} else if (words[themes.indexOf(theme)].includes(answer)) {
				document.getElementById("result").textContent = "正解！";
				startButton.style.display = "block";
				checkButton.style.display = "none";
			} else {
				document.getElementById("result").textContent = "残念、不正解！";
			}
		}

startButton.addEventListener("click", startGame);
		checkButton.addEventListener("click", checkAnswer);
	</script>
</body>
</html>