昇進・昇格の選考プロセス可視化ツール

<!DOCTYPE html>
<html>
<head>
	<title>昇進・昇格の選考プロセス可視化ツール</title>
	<script>
		// テストデータ
		const candidates = [
			{name: "田中", score: 85},
			{name: "山田", score: 75},
			{name: "佐藤", score: 90},
			{name: "鈴木", score: 70},
			{name: "木村", score: 80},
			{name: "中村", score: 95},
			{name: "小林", score: 65}
		];

		// 基準点の設定
		const standardScore = 80;

		// データの表示
		const table = document.createElement("table");
		const headers = ["名前", "点数", "結果"];
		const headerRow = document.createElement("tr");
		for (let header of headers) {
			const th = document.createElement("th");
			th.textContent = header;
			headerRow.appendChild(th);
		}
		table.appendChild(headerRow);

		for (let candidate of candidates) {
			const tr = document.createElement("tr");
			const nameTd = document.createElement("td");
			nameTd.textContent = candidate.name;
			tr.appendChild(nameTd);

			const scoreTd = document.createElement("td");
			scoreTd.textContent = candidate.score;
			tr.appendChild(scoreTd);

			const resultTd = document.createElement("td");
			if (candidate.score >= standardScore) {
				resultTd.textContent = "合格";
			} else {
				resultTd.textContent = "不合格";
			}
			tr.appendChild(resultTd);

			table.appendChild(tr);
		}
		document.body.appendChild(table);

		// ジョーク
		const joke = document.createElement("p");
		joke.textContent = "面接官が「なぜ当社を志望したのか？」と聞くと、僕は「今後も社内イントラネットを通じてYahoo!知恵袋に質問するためです」と答えました。";
		document.body.appendChild(joke);
	</script>
</head>
<body>
</body>
</html>