Click here for free DL of the app version that can save data.

No:24604

Age simulator Grow up and get a job to earn money ..ALL
Developer User11704｜Date and time 23/11/10 10:00:49
Build time 47.733 sec｜Game capacity 2.374KB｜

Script

Age Simulator Game

Age: 0

Job: Unemployed

YouTube: Inactive

👶

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
  <title>Age Simulator Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #age, #job, #youtube {
      font-size: 36px;
      margin-bottom: 20px;
    }
    
    button {
      font-size: 24px;
      padding: 10px 20px;
      margin-top: 10px;
      cursor: pointer;
      background-color: #4CAF50;
      color: white;
      border: none;
      border-radius: 3px;
    }
    
    .disabled {
      background-color: #ccc;
      cursor: not-allowed;
    }
    
    .emoji {
      font-size: 48px;
      margin-top: 50px;
    }
  </style>
</head>
<body>
  <h1>Age Simulator Game</h1>
  
  <div id="age">Age: 0</div>
  <div id="job">Job: Unemployed</div>
  <div id="youtube">YouTube: Inactive</div>
  
  <button id="growBtn" onclick="ageUp()">Grow Up</button>
  <button id="jobBtn" onclick="getJob()" class="disabled">Get a Job</button>
  <button id="youtubeBtn" onclick="startYoutube()" class="disabled">Start YouTube</button>
  
  <div id="emoji" class="emoji">👶</div>
  
  <script>
    var age = 0;
    var job = false;
    var youtube = false;
    
    function ageUp() {
      age++;
      document.getElementById("age").innerHTML = "Age: " + age;
      
      if (age === 18) {
        document.getElementById("growBtn").classList.add("disabled");
        document.getElementById("jobBtn").classList.remove("disabled");
        document.getElementById("emoji").innerHTML = "👨";
      }
      
      if (age === 21) {
        document.getElementById("jobBtn").classList.add("disabled");
        document.getElementById("youtubeBtn").classList.remove("disabled");
        document.getElementById("emoji").innerHTML = "🎥";
      }
    }
    
    function getJob() {
      job = true;
      document.getElementById("job").innerHTML = "Job: Employed";
      document.getElementById("jobBtn").classList.add("disabled");
      
      if (youtube) {
        document.getElementById("youtubeBtn").classList.remove("disabled");
      }
    }
    
    function startYoutube() {
      youtube = true;
      document.getElementById("youtube").innerHTML = "YouTube: Active";
      document.getElementById("youtubeBtn").classList.add("disabled");
      
      if (job) {
        document.getElementById("jobBtn").classList.remove("disabled");
      }
    }
  </script>
</body>
</html>