버튼을 누르면 남자의 나이가 나타난다! 얼굴도 변해간다!'s game

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

No:43744

←

Prev Next

→

버튼을 누르면 남자의 나이가 나타난다! 얼굴도 변해간다!
Developer User19100｜Date and time 24/2/16 17:19:44
Build time 5.688 sec｜Game capacity 1.27KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>나이 맞추기 게임</title>
  <style>
    body {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }
    
    #ageButton {
      width: 100px;
      height: 100px;
      background-color: #2196F3;
      color: white;
      font-size: 24px;
      border-radius: 50%;
      border: none;
      margin-bottom: 20px;
    }
    
    #age {
      font-size: 48px;
      margin-bottom: 20px;
    }
    
    #face {
      font-size: 144px;
    }
  </style>
</head>
<body>
  <button id="ageButton" onclick="calculateAge()">버튼 누르기</button>
  
  <div id="age"></div>
  <div id="face"></div>
  
  <script>
    function calculateAge() {
      var age = Math.floor(Math.random() * 100) + 1; // 1부터 100까지 난수 생성
      document.getElementById("age").innerText = "나이: " + age;
      
      var face = "";
      if (age < 20) {
        face = "👦🏻";
      } else if (age >= 20 && age < 40) {
        face = "👨🏻";
      } else if (age >= 40 && age < 60) {
        face = "🧔🏻";
      } else {
        face = "👴🏻";
      }
      document.getElementById("face").innerText = face;
    }
  </script>
</body>
</html>