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

No:50783

125

←

Prev Next

→

Trim the beard game
Developer User21395｜Date and time 24/3/9 15:19:31
Build time 4.772 sec｜Game capacity 1.398KB｜

Script

Trim the Beard Game

Use the trimmer below to trim the beard to the desired length!

This is a simple game where the player has to trim a beard to the desired length using a trimmer. The player can adjust the length of the beard with the range input and then click the "Trim!" button to see the trimmed result. If the beard length reaches 90% or more, the player wins and gets a message.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trim the Beard Game</title>
</head>
<body>
<div id="game-container">
  <h1>Trim the Beard Game</h1>
  <p>Use the trimmer below to trim the beard to the desired length!</p>
  <div id="beard-div">
    <img id="beard-img" src="beard.png" alt="Beard" width="200" height="200">
  </div>
  <input type="range" id="trimmer" min="0" max="100" value="50">
  <button id="trim-btn">Trim!</button>
</div>

trimBtn.addEventListener('click', () => {
    const trimLength = trimmer.value;
    beardImg.style.width = `${trimLength}%`;
    if (trimLength >= 90) {
      alert('Congratulations! Beard perfectly trimmed!');
    } else {
      alert('Keep trimming to get a perfect beard!');
    }
  });
</script>
</body>
</html>
```