<script>
  function turn1(){
    const message = ["今日もZAKO達は培養プラントで働いています。", "製造部門ZAKOの任務として、培養装置の維持管理、培養装置でのZAKOの育成、成長したZAKOSの品質チェックなどがあります。"];
    const title = ["製造プラントの情景", "ZAKOSの様子"];
    const messageIndex1 = Math.floor(Math.random() * message.length);
    const messageIndex2 = Math.floor(Math.random() * message.length);
    document.getElementById("display").innerHTML = "<p>" + title[0] + "</p><p>" + message[messageIndex1] + "</p><p>" + title[1] + "</p><p>" + message[messageIndex2] + "</p>";
    setTimeout(() => {
      document.getElementById("display").innerHTML = "";
    }, 5000);
  }
  
  function turn2(){
    const zakos = [
      {
        type: "基本型",
        name: "サキ",
        style: "清純",
        faceType: "ショートヘアー",
        hairstyle: "ショート",
        appearance: "小柄で華奢な体型",
        personality: "内向的で、おとなしい性格"
      },
      {
        type: "忍者型",
        name: "クノイチ",
        style: "クール",
        faceType: "ロングヘアー",
        hairstyle: "ポニーテール",
        appearance: "長身で引き締まった体型",
        personality: "クールで大胆な性格"
      },
      {
        type: "姫型",
        name: "ユキ",
        style: "美人",
        faceType: "ショートヘアー",
        hairstyle: "ボブカット",
        appearance: "クビレのある体型",
        personality: "礼儀正しく、おっとりとしている性格"
      },
    ];
    const zakosIndex = Math.floor(Math.random() * zakos.length);
    document.getElementById("display").innerHTML += "<p>型式：" + zakos[zakosIndex].type + "</p><p>名前：" + zakos[zakosIndex].name + "</p><p>スタイル：" + zakos[zakosIndex].style + "</p><p>顔立：" + zakos[zakosIndex].faceType + "</p><p>髪型：" + zakos[zakosIndex].hairstyle + "</p><p>容姿：" + zakos[zakosIndex].appearance + "</p><p>性格：" + zakos[zakosIndex].personality + "</p>";
  }
  
  function turn3(){
    const message = ["ZAKOS達の中には能力値が基準に満たない不良品がいます。", "このようなZAKOSは、慰安要員として教育されます。", "製造部門のZAKOは慰安要員に濃厚なスキンシップや、口唇や鼠径部のスリットを用いたテクニックを直接実践して教育します。"];
    const title = "不良品の処分";
    const messageIndex = Math.floor(Math.random() * message.length);
    document.getElementById("display").innerHTML = "<p>" + title + "</p><p>" + message[messageIndex] + "</p>";
    setTimeout(() => {
      document.getElementById("display").innerHTML = "";
    }, 5000);
  }
  
  function turn4(){
    const message = ["ZAKOSはプライベートな時間もあります。", "就寝前にはシャワーで自身を癒やしています。", "あるZAKOはシャワーで歌を歌っています。"];
    const title = ["プライベートタイム", "シャワーの時間"];
    const messageIndex1 = Math.floor(Math.random() * message.length);
    const messageIndex2 = Math.floor(Math.random() * message.length);
    document.getElementById("display").innerHTML += "<p>" + title[0] + "</p><p>" + message[messageIndex1] + "</p><p>" + title[1] + "</p><p>" + message[messageIndex2] + "</p>";
    setTimeout(() => {
      document.getElementById("display").innerHTML = "";
    }, 5000);
    const attackProbability = Math.floor(Math.random() * 100) + 1;
    if(attackProbability < 5){
      const attackResult = Math.floor(Math.random() * 100) + 1;
      if(attackResult > 50){
        document.getElementById("display").innerHTML += "<p>基地が襲撃されました！ZAKO達は迎撃に出撃しました！</p>";
      } else {
        document.getElementById("display").innerHTML += "<p>基地が襲撃されました！ZAKO達は迎撃に出撃しましたが、敵の攻撃で倒れました。</p>";
        turn2();
      }
    }
  }
</script>

<div>
  <button onclick="turn1()">評価開始</button>
  <button onclick="turn2()">ZAKOSを生産する</button>
  <button onclick="turn3()">不良品の処分</button>
  <button onclick="turn4()">プライベートタイム</button>
  <div id="display"></div>
</div>