どうぶつスクールスクールシミュレーター

アップデートしますか？

このゲームは、「どうぶつスクールスクールシミュレーター」のアップデートをしない開発者「ひさし」を無理矢理強制的にアップデートさせるものです。ゲーム中に出てくるキャラクターは猫と犬です。ボタンをクリックすると、ひさしがアップデートを拒否しているかどうかを確認し、拒否している場合には強制的にアップデートします。ただし、強制アップデートの場合は、「はい」ボタンをクリックした場合に新しい開発者がランダムに決定されます。また、「いいえ」ボタンをクリックした場合でも、開発者がランダムに変更されます。

←

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-family: Arial, sans-serif;
        text-align: center;
        background-color: #F5D0A9;
        margin: 0;
      }
      h1 {
        font-size: 36px;
        margin-top: 50px;
      }
      button {
        font-size: 24px;
        background-color: #66CCFF;
        color: #FFFFFF;
        border-radius: 5px;
        padding: 10px;
        border: none;
        cursor: pointer;
        margin-top: 30px;
      }
      #container {
        height: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      #dialog-container {
        width: 500px;
        height: 200px;
        background-color: #FFFFFF;
        border-radius: 10px;
        padding: 20px;
        border: 2px solid #000000;
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
      }
      #dialog-message {
        font-size: 24px;
        margin-bottom: 20px;
      }
      #dialog-ok {
        font-size: 20px;
        background-color: #66CCFF;
        color: #FFFFFF;
        border-radius: 5px;
        padding: 10px;
        border: none;
        cursor: pointer;
        margin-right: 20px;
      }
      #dialog-cancel {
        font-size: 20px;
        background-color: #FF6666;
        color: #FFFFFF;
        border-radius: 5px;
        padding: 10px;
        border: none;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>どうぶつスクールスクールシミュレーター</h1>
    <div id="container">
      <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/cat_1f408.png" alt="cat">
      <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/dog-face_1f436.png" alt="dog">
    </div>
    <button id="update-button">アップデート</button>
    <div id="dialog-container">
      <p id="dialog-message">アップデートしますか？</p>
      <button id="dialog-ok">はい</button>
      <button id="dialog-cancel">いいえ</button>
    </div>
    <script>
      const catImage = document.querySelector("#container img:first-of-type");
      const dogImage = document.querySelector("#container img:last-of-type");
      const updateButton = document.querySelector("#update-button");
      const dialogContainer = document.querySelector("#dialog-container");
      const dialogMessage = document.querySelector("#dialog-message");
      const dialogOk = document.querySelector("#dialog-ok");
      const dialogCancel = document.querySelector("#dialog-cancel");
      let developer = "ひさし";
      let isDeveloperForcingUpdate = false;
      
      function getRandomDeveloper() {
        const developers = ["たけし", "よしお", "こうじ", "たかし", "だいすけ"];
        return developers[Math.floor(Math.random() * developers.length)];
      }
      
      function updateDeveloper() {
        developer = getRandomDeveloper();
        isDeveloperForcingUpdate = false;
        alert(`アップデートが完了しました！新しい開発者は${developer}です`);
      }
      
      function showDialog() {
        dialogContainer.style.display = "block";
      }
      
      function hideDialog() {
        dialogContainer.style.display = "none";
      }
      
      function handleDialogOk() {
        if (isDeveloperForcingUpdate) {
          updateDeveloper();
        } else {
          showDialog();
        }
      }
      
      function handleDialogCancel() {
        if (isDeveloperForcingUpdate) {
          alert(`アップデートを拒否しました。でも無理矢理アップデートされました。新しい開発者は${developer}です`);
          updateDeveloper();
        } else {
          hideDialog();
        }
      }
      
      function handleUpdateClick() {
        if (developer === "ひさし") {
          isDeveloperForcingUpdate = true;
          dialogMessage.textContent = "ひさしがアップデートを拒否しています。強制的にアップデートしますか？";
          showDialog();
        } else {
          updateDeveloper();
        }
      }
      
      dialogOk.addEventListener("click", handleDialogOk);
      dialogCancel.addEventListener("click", handleDialogCancel);
      updateButton.addEventListener("click", handleUpdateClick);
    </script>
  </body>
</html>