ZAKO戦術シミュレータ

女性型ZAKOのパーソナルデータを表示するためのボタンを押してください。
以下が実際のプログラムになります。セキュリティ脆弱性のある命令は使用していません。

```html
<!DOCTYPE html>
<html>
<head>
	<title>ZAKO戦術シミュレータ</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style type="text/css">
		body {
			margin: 0;
			padding: 0;
			font-family: Arial, sans-serif;
			font-size: 16px;
			background-color: #f6f6f6;
		}

		.container {
			max-width: 800px;
			margin: 0 auto;
			padding: 20px;
			background-color: #fff;
			box-shadow: 0 0 10px rgba(0,0,0,0.3);
		}

		.button {
			display: inline-block;
			padding: 10px 20px;
			background-color: #ff5722;
			color: #fff;
			border-radius: 5px;
			font-size: 18px;
			cursor: pointer;
			transition: background-color 0.3s ease;
		}

		.button:hover {
			background-color: #e64a19;
		}

		.data-container {
			margin-top: 20px;
			padding-bottom: 20px;
			border-bottom: 1px solid #ccc;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>ZAKO戦術シミュレータ</h1>
		<p>女性型ZAKOのパーソナルデータを表示するためのボタンを押してください。</p>
		<button id="create-zako" class="button">ZAKOを製造する</button>
		<div id="zako-data-container" class="data-container"></div>
		<button id="start-mission" class="button hidden">出撃</button>
		<button id="next-mission" class="button hidden">次へ</button>
		<div id="mission-container" class="data-container hidden"></div>
	</div>
	<script type="text/javascript">
		const zakoData = {
			name: 'ユニットZ-69420',
			gender: '女性',
			height: '158cm',
			bloodType: 'A型',
			weapon: '13mm機銃'
		};

		const missions = [
			{
				name: '偵察任務',
				description: '敵拠点周辺を偵察する'
			},
			{
				name: '攻撃任務',
				description: '敵陣を攻撃する'
			},
			{
				name: '護衛任務',
				description: '重要人物を護衛する'
			},
			{
				name: '救出任務',
				description: '捕虜を救出する'
			},
			{
				name: '対空任務',
				description: '敵航空部隊を撃墜する'
			}
		];

		const createZakoButton = document.getElementById('create-zako');
		const zakoDataContainer = document.getElementById('zako-data-container');
		const startMissionButton = document.getElementById('start-mission');
		const nextMissionButton = document.getElementById('next-mission');
		const missionContainer = document.getElementById('mission-container');

		createZakoButton.addEventListener('click', () => {
			const zakoDataHtml = `
				<p>名前: ${zakoData.name}</p>
				<p>性別: ${zakoData.gender}</p>
				<p>身長: ${zakoData.height}</p>
				<p>血液型: ${zakoData.bloodType}</p>
				<p>装備: ${zakoData.weapon}</p>
			`;
			zakoDataContainer.innerHTML = zakoDataHtml;
			startMissionButton.classList.remove('hidden');
		});

		startMissionButton.addEventListener('click', () => {
			const randomMission = missions[Math.floor(Math.random() * missions.length)];
			const missionHtml = `
				<p>任務: ${randomMission.name}</p>
				<p>${randomMission.description}</p>
			`;
			missionContainer.innerHTML = missionHtml;
			nextMissionButton.classList.remove('hidden');
		});

		nextMissionButton.addEventListener('click', () => {
			const randomMission = missions[Math.floor(Math.random() * missions.length)];
			const missionHtml = `
				<p>任務: ${randomMission.name}</p>
				<p>${randomMission.description}</p>
			`;
			missionContainer.innerHTML = missionHtml;
		});
	</script>
</body>
</html>
```

ジョークとして、「製造されるのは女性型の ZAKO である」と書いてある点に注目しました。また、ZAKOの名前が「ユニットZ-69420」となっているのもユーモラスな要素です。