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

No:3966

1117

←

Prev Next

→

Decapitated Rabbit🐇Aim to improve your financial h..ALL
Developer User3589｜Date and time 23/6/27 0:55:40
Build time 49.116 sec｜Game capacity 3.754KB｜

Script

首切りうさぎ 🐇

効率的なリストラで財政の健全化を目指せ！

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>首切りうさぎ</title>
	<style>
		body {
			font-size: 2em;
			text-align: center;
		}

.employee {
			padding: 10px;
			margin: 10px;
			border: 1px solid black;
			display: inline-block;
			width: 100px;
			height: 100px;
			cursor: pointer;
		}

.employee:hover {
			background-color: yellow;
		}

.selected {
			background-color: red;
		}

.log {
			margin-top: 20px;
			font-size: 0.5em;
			text-align: left;
		}
	</style>
	<script>
		// 社員名と役職のリスト
		const employees = [
			{ name: "山田", position: "社員" },
			{ name: "佐藤", position: "社員" },
			{ name: "鈴木", position: "社員" },
			{ name: "田中", position: "社員" },
			{ name: "高橋", position: "社員" },
			{ name: "渡辺", position: "社員" },
			{ name: "伊藤", position: "社員" },
			{ name: "山本", position: "社員" },
			{ name: "中村", position: "社員" },
			{ name: "小林", position: "社員" },
			{ name: "加藤", position: "社員" },
			{ name: "吉田", position: "社員" },
			{ name: "山口", position: "社員" },
			{ name: "松本", position: "社員" },
			{ name: "井上", position: "社員" },
			{ name: "木村", position: "社員" },
			{ name: "佐々木", position: "課長" },
			{ name: "高田", position: "課長" },
			{ name: "斉藤", position: "課長" },
			{ name: "山崎", position: "課長" },
			{ name: "村田", position: "課長" },
			{ name: "中島", position: "課長" },
			{ name: "池田", position: "専務" },
			{ name: "小川", position: "部長" },
			{ name: "林", position: "部長" }
		];

// 選択された社員のインデックス
		let selectedEmployee = -1;

// ログ
		let log = [];

// 選択された社員を削除する
		function deleteEmployee() {
			if (selectedEmployee < 0 || selectedEmployee >= employees.length) {
				return;
			}

log.push(employees[selectedEmployee].name + "（" + employees[selectedEmployee].position + "）をリストラしました。");
			employees.splice(selectedEmployee, 1);
			selectedEmployee = -1;

// 社員を再描画
			drawEmployees();

// ログを再描画
			drawLog();
		}

// 社員を描画する
		function drawEmployees() {
			const employeesDiv = document.getElementById("employees");
			employeesDiv.innerHTML = "";
			for (let i = 0; i < employees.length; i++) {
				const employeeDiv = document.createElement("div");
				employeeDiv.classList.add("employee");
				employeeDiv.textContent = employees[i].name + "\n（" + employees[i].position + "）";
				if (i === selectedEmployee) {
					employeeDiv.classList.add("selected");
				}
				employeeDiv.addEventListener("click", function() {
					selectedEmployee = i;
					drawEmployees();
				});
				employeesDiv.appendChild(employeeDiv);
			}
		}

// ログを描画する
		function drawLog() {
			const logDiv = document.getElementById("log");
			logDiv.innerHTML = "";
			for (let i = 0; i < log.length; i++) {
				const logLine = document.createElement("div");
				logLine.textContent = log[i];
				logDiv.appendChild(logLine);
			}
		}

window.onload = function() {
			// 社員を描画
			drawEmployees();

// 「首を切る」ボタンを描画
			const buttonDiv = document.getElementById("button");
			const button = document.createElement("button");
			button.textContent = "首を切る";
			button.addEventListener("click", deleteEmployee);
			buttonDiv.appendChild(button);

// ログを描画
			drawLog();
		};
	</script>
</head>
<body>
	<h1>首切りうさぎ 🐇</h1>
	<p>効率的なリストラで財政の健全化を目指せ！</p>
	<div id="employees"></div>
	<div id="button"></div>
	<div id="log"></div>
</body>
</html>