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

No:1032

275

←

Prev Next

→

A game in which you have three choices to answer a..ALL
Developer User3212｜Date and time 23/6/18 0:20:49
Build time 26.306 sec｜Game capacity 2.026KB｜

Script

AIに奪われないクリエイティブな人になるために必要なスキル

以下のうち、正しいスキルを選んでください。

問題 1 / 3

プログラミング言語の種類

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>AIに奪われないクリエイティブな人になるために必要なスキル</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			font-family: sans-serif;
			text-align: center;
			background-color: #f5f5f5;
			color: #333;
		}
		h1 {
			font-size: 3em;
			margin-bottom: 0.5em;
		}
		p {
			font-size: 1.5em;
			margin: 0 0 1em;
		}
		button {
			font-size: 1.2em;
			padding: 0.5em;
			margin: 1em;
			background-color: #008CBA;
			color: #fff;
			border: none;
			border-radius: 0.4em;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>AIに奪われないクリエイティブな人になるために必要なスキル</h1>
	<p>以下のうち、正しいスキルを選んでください。</p>
	<p id="score">問題 1 / 3</p>
	<p id="question">プログラミング言語の種類</p>
	<div id="choices">
		<button onclick="answer(false)">HTML</button>
		<button onclick="answer(false)">CSS</button>
		<button onclick="answer(true)">JavaScript</button>
	</div>
	<script>
		let questions = [
			{ q: "プログラミング言語の種類", a: "JavaScript" },
			{ q: "デザインツール", a: "Sketch" },
			{ q: "UXデザインの基礎", a: "ユーザーニーズの理解" }
		];
		let questionIndex = 0;
		let score = 0;
		function answer(correct) {
			if (correct) {
				score++;
			}
			questionIndex++;
			if (questionIndex < questions.length) {
				showQuestion();
			} else {
				showScore();
			}
		}
		function showQuestion() {
			document.getElementById("score").textContent = "問題 " + (questionIndex + 1) + " / " + questions.length;
			document.getElementById("question").textContent = questions[questionIndex].q;
		}
		function showScore() {
			document.getElementById("score").textContent = "あなたのスコアは " + score + " / " + questions.length + " です！";
			document.getElementById("choices").style.display = "none";
		}
		showQuestion();
	</script>
</body>
</html>