// HTMLファイルの中身
<!DOCTYPE html>
<html>
<head>
<title>ZAKOS基地制圧</title>
</head>
<body>
<div id="content">
<button id="search">基地を捜索</button>
</div>
</body>
</html>
// JSコード
let searchButton = document.getElementById("search");
let content = document.getElementById("content");
searchButton.addEventListener("click", function() {
content.innerHTML = "<p>ZAKOと遭遇した！</p>";
roundTwo();
});
function roundTwo() {
let zakos = [
{
name: "エリカ",
appearance: "小顔で瞳が大きい",
age: 19,
personality: "クールで無口",
hairstyle: "ボブカット",
weapon: "ナイフ",
outfit: "黒レオタード、ロングブーツ、網タイツ、手袋、メガネ",
bodyFeature: "スレンダーでCカップの胸"
},
// 他にも6パターン
];
let selectedZakos = zakos[Math.floor(Math.random()*zakos.length)];
let weakness = ["首筋", "胸", "鳩尾", "鼠径部"][Math.floor(Math.random()*4)];
let zakosHP = Math.floor(Math.random()*3 + selectedZakos.age/2 + 1);
content.innerHTML += "<p>あなたが遭遇したZAKOのプロフィール</p>";
content.innerHTML += "<p>名前: " + selectedZakos.name + "</p>";
content.innerHTML += "<p>顔立ち: " + selectedZakos.appearance + "</p>";
content.innerHTML += "<p>年齢: " + selectedZakos.age + "</p>";
content.innerHTML += "<p>性格: " + selectedZakos.personality + "</p>";
content.innerHTML += "<p>髪型: " + selectedZakos.hairstyle + "</p>";
content.innerHTML += "<p>武装: " + selectedZakos.weapon + "</p>";
content.innerHTML += "<p>追加装備: " + selectedZakos.outfit + "</p>";
content.innerHTML += "<p>体つきの特徴: " + selectedZakos.bodyFeature + "</p>";
content.innerHTML += "<p>ZAKOSのHP: " + zakosHP + "</p>";
content.innerHTML += "<br /><button id='battle'>対戦</button>";
let battleButton = document.getElementById("battle");
battleButton.addEventListener("click", function() {
roundThree(zakosHP, weakness);
});
}
function roundThree(zakosHP, weakness) {
content.innerHTML += "<p>ZAKOのどこを狙いますか？</p>";
content.innerHTML += "<input type='radio' name='target' value='首筋'>首筋";
content.innerHTML += "<input type='radio' name='target' value='胸'>胸";
content.innerHTML += "<input type='radio' name='target' value='鳩尾'>鳩尾";
content.innerHTML += "<input type='radio' name='target' value='鼠径部'>鼠径部";
let targetList = document.getElementsByName("target");
for(let i = 0; i < targetList.length; i++) {
targetList[i].addEventListener("click", function() {
if(this.value === weakness) {
content.innerHTML += "<p>ZAKOの急所に命中！</p>";
let death = ["うぅっ…", "くそっ…", "死んじゃう…","くっ…斬れたか…？","セイキンガールズ連盟に復讐して…"]
content.innerHTML += "<p>ZAKO: " + death[Math.floor(Math.random()*5)] + "</p>";
zakosHP -= Math.floor(Math.random()*6 + 5);
content.innerHTML += "<p>ZAKOの残りHP: " + zakosHP + "</p>";
if(zakosHP <= 0) {
content.innerHTML += "<p>ZAKOを倒した！</p>";
} else {
content.innerHTML += "<p>ZAKOはまだ生きている！</p>";
roundThree(zakosHP, weakness);
}
} else {
content.innerHTML += "<p>命中！でもZAKOの弱点ではなかった…</p>";
let damage = Math.floor(Math.random()*3 + 1);
zakosHP -= damage;
content.innerHTML += "<p>ZAKOに" + damage + "のダメージ！</p>";
if(zakosHP <= 0) {
content.innerHTML += "<p>ZAKOを倒した！</p>";
} else {
content.innerHTML += "<p>ZAKOはまだ生きている！</p>";
roundThree(zakosHP, weakness);
}
}
});
}
}
