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

No:1023

133

←

Prev Next

→

A game in which you have three choices to answer w..ALL
Developer User3212｜Date and time 23/6/18 0:17:03
Build time 33.486 sec｜Game capacity 2.389KB｜

Script

クリエイティブディレクタースキルゲーム

あなたはクリエイティブディレクターに向いているでしょうか？
以下の質問に答えてチェックしてみましょう。

※このコードは、クリエイティブディレクターのスキルを問う3択クイズゲームです。ランダムで出される問題に対して、プレイヤーが正解を選択する仕組みとなっています。スマホ対応を優先し、スタイルはシンプルで見やすいものに設計しました。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>クリエイティブディレクタースキルゲーム</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			font-family: Arial, sans-serif;
			text-align: center;
			background-color: #f2f2f2;
		}
		h1 {
			color: #FFC107;
		}
		p {
			color: #333;
			font-size: 18px;
			margin-bottom: 20px;
		}
		button {
			background-color: #FFC107;
			border: none;
			border-radius: 12px;
			color: #fff;
			font-size: 20px;
			padding: 12px 20px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			margin: 10px;
			cursor: pointer;
			transition-duration: 0.4s;
		}
		button:hover {
			background-color: #555;
			color: #fff;
		}
	</style>
	<script>
		function startGame() {
			var skills = [
				"問題をクライアントの視点で見つけること",
				"チームをマネジメントすること",
				"ユーザーインタビューを実施すること"
			];

var randomIndex = Math.floor(Math.random() * skills.length);
			var question = "クリエイティブディレクターに必要なスキルは次のうちどれでしょう？\n\n" +
						   "1: " + skills[(randomIndex + 1) % skills.length] + "\n" +
						   "2: " + skills[(randomIndex + 2) % skills.length] + "\n" +
						   "3: " + skills[randomIndex] + "\n\n" +
						   "番号を入力してください。";

var answer = parseInt(prompt(question));

if (answer === (randomIndex + 1) % skills.length + 1) {
				alert("正解！あなたはクリエイティブディレクターに向いているかもしれません。");
			} else {
				alert("不正解...残念。もう一度遊んでみましょう。");
			}
		}
	</script>
</head>
<body>
	<h1>クリエイティブディレクタースキルゲーム</h1>
	<p>あなたはクリエイティブディレクターに向いているでしょうか？<br>以下の質問に答えてチェックしてみましょう。</p>
	<button onclick="startGame()">ゲームを始める</button>
</body>
</html>