餓鬼退治アプリ

餓鬼が襲ってきます！女性名である餓鬼たちをパンチで倒していきましょう。
50体倒すと終了です。
<!DOCTYPE html>
<html>
<head>
	<title>餓鬼退治アプリ</title>
</head>
<body>
	<h1>餓鬼退治アプリ</h1>
	<p>餓鬼が襲ってきます！女性名である餓鬼たちをパンチで倒していきましょう。</p>
	<p>50体倒すと終了です。</p>
	<button onclick="punch()">パンチする</button>
	<div id="result"></div>

	<script>
		function punch() {
  			var names = ["あいこ", "なぎさ", "あやめ", "さら", "かなで"];
  			var proportions = ["スレンダー", "グラマー", "ポッチャリ", "マッチョ"];
  			var actions = ["泡を吹いている", "痙攣している", "素直に倒れている", "無表情で倒れている", "まだ動いている"];
  			var nameIndex = Math.floor(Math.random() * names.length);
  			var proportionIndex = Math.floor(Math.random() * proportions.length);
  			var actionIndex = Math.floor(Math.random() * actions.length);
  			var name = names[nameIndex];
  			var proportion = proportions[proportionIndex];
  			var action = actions[actionIndex];
  			var result = name + "（" + proportion + "）が" + action + "！";
  			document.getElementById("result").innerHTML += result + "<br>";
  			if(document.querySelectorAll('#result > div').length >= 50) {
  				alert("おめでとうございます！餓鬼を50体倒しました。");
  				showToast("再読み込みしてください");
  			}
		}
	</script>
</body>
</html>