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

No:698

218

←

Prev Next

→

Employment Assistance Schmiele
Developer User3090｜Date and time 23/6/17 13:40:20
Build time 46.158 sec｜Game capacity 3.736KB｜

Script

ことを目的とした、就労支援シミュレーターゲームです。プレイヤーは仕事の面接や仕事内容を選択しながら、就職活動を体験することができます。スマホで簡単に遊べるように、タップやスワイプなどの操作を使います。絵文字を多用し、より楽しく、分かりやすいUIになるように工夫を凝らしました。実装は以下のようになります。

就労支援シミュレーターゲーム

面接から仕事内容まで、就職活動を体験しよう！

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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>
	<div id="start-page">
		<h1>就労支援シミュレーターゲーム</h1>
		<p>面接から仕事内容まで、就職活動を体験しよう！</p>
		<button onclick="start()">スタート</button>
	</div>

<div id="interview-page" style="display: none;">
		<h2>面接</h2>
		<p>どの会社に応募しますか？</p>
		<ul>
			<li><button onclick="selectCompany('A')">会社A</button></li>
			<li><button onclick="selectCompany('B')">会社B</button></li>
			<li><button onclick="selectCompany('C')">会社C</button></li>
		</ul>
	</div>

<div id="job-page" style="display: none;">
		<h2>仕事選択</h2>
		<p>どの仕事に就きますか？</p>
		<ul>
			<li><button onclick="selectJob('事務')">事務</button></li>
			<li><button onclick="selectJob('販売')">販売</button></li>
			<li><button onclick="selectJob('製造')">製造</button></li>
		</ul>
	</div>

<div id="result-page" style="display: none;">
		<h2>結果</h2>
		<p id="result-message"></p>
		<button onclick="restart()">もう一度遊ぶ</button>
	</div>

// スタートページを非表示、面接ページを表示する
		function start() {
			document.getElementById('start-page').style.display = 'none';
			document.getElementById('interview-page').style.display = 'block';
		}

// 会社の選択結果を格納し、仕事選択ページを表示する
		function selectCompany(companyName) {
			selectedCompany = companyName;
			document.getElementById('interview-page').style.display = 'none';
			document.getElementById('job-page').style.display = 'block';
		}

// 仕事の選択結果を格納し、結果ページを表示する
		function selectJob(jobName) {
			selectedJob = jobName;
			document.getElementById('job-page').style.display = 'none';
			document.getElementById('result-page').style.display = 'block';
			showResultMessage();
		}

// 選択結果に合わせたメッセージを表示する
		function showResultMessage() {
			let message = '';
			if (selectedCompany === 'A') {
				if (selectedJob === '事務') {
					message = 'おめでとうございます！就職できました！';
				} else {
					message = '残念ですが、合いませんでした。';
				}
			} else if (selectedCompany === 'B') {
				if (selectedJob === '販売') {
					message = 'おめでとうございます！就職できました！';
				} else {
					message = '残念ですが、合いませんでした。';
				}
			} else if (selectedCompany === 'C') {
				if (selectedJob === '製造') {
					message = 'おめでとうございます！就職できました！';
				} else {
					message = '残念ですが、合いませんでした。';
				}
			}
			document.getElementById('result-message').textContent = message;
		}

// ゲームをリスタートする
		function restart() {
			document.getElementById('result-page').style.display = 'none';
			document.getElementById('start-page').style.display = 'block';
			selectedCompany = '';
			selectedJob = '';
		}

</script>
</body>
</html>
```