My Pocket Hair Salon: Choose Your Character With Names, Brush This Hair, Cut This Hair, Grow Your Hair, Take A Picture, Shave This hair, Dry This Hair, Color The Spray to Spray The Hair!, Decorate My Hair!, Picking Your Backround To Take A Picture's game

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

No:32674

←

Prev Next

→

My Pocket Hair Salon: Choose Your Character With N..ALL
Developer User13970｜Date and time 23/12/31 21:40:58
Build time 40.762 sec｜Game capacity 3.985KB｜

Script

Sure! Here is an example implementation of the game "My Pocket Hair Salon" using JavaScript and HTML:

My Pocket Hair Salon

Brush Hair

Cut Hair

Grow Hair

Take a Picture

Shave Hair

Dry Hair

Color Spray

Decorate Hair

Pick Background

In this example, each option in the game is represented by a `div` element with a corresponding pictogram and text. When the user clicks on an option, the relevant function is called, and a corresponding message is logged to the console. You can implement the actual game logic inside each function. Please note that you need to replace the `src` values of the `img` tags with the actual paths to your pictogram images. Additionally, you can customize the styling of the game by modifying the CSS section.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here is an example implementation of the game "My Pocket Hair Salon" using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>My Pocket Hair Salon</title>
    <meta charset="UTF-8">
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
      }
      
      #container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }
      
      .option {
        width: 150px;
        height: 150px;
        margin: 10px;
        border: 1px solid black;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        cursor: pointer;
      }
      
      .option img {
        max-height: 100px;
        max-width: 100px;
      }
      
      .option p {
        margin-top: 10px;
      }
    </style>
  </head>
  <body>
    <h2>My Pocket Hair Salon</h2>
    
    <div id="container">
      <div class="option" onclick="brushHair()">
        <img src="brush.png" alt="Brush Hair">
        <p>Brush Hair</p>
      </div>
      <div class="option" onclick="cutHair()">
        <img src="scissors.png" alt="Cut Hair">
        <p>Cut Hair</p>
      </div>
      <div class="option" onclick="growHair()">
        <img src="grow.png" alt="Grow Hair">
        <p>Grow Hair</p>
      </div>
      <div class="option" onclick="takePicture()">
        <img src="camera.png" alt="Take a Picture">
        <p>Take a Picture</p>
      </div>
      <div class="option" onclick="shaveHair()">
        <img src="shaver.png" alt="Shave Hair">
        <p>Shave Hair</p>
      </div>
      <div class="option" onclick="dryHair()">
        <img src="blow-dryer.png" alt="Dry Hair">
        <p>Dry Hair</p>
      </div>
      <div class="option" onclick="sprayHair()">
        <img src="spray.png" alt="Spray Hair">
        <p>Color Spray</p>
      </div>
      <div class="option" onclick="decorateHair()">
        <img src="hair-accessory.png" alt="Decorate Hair">
        <p>Decorate Hair</p>
      </div>
      <div class="option" onclick="pickBackground()">
        <img src="background.png" alt="Pick Background">
        <p>Pick Background</p>
      </div>
    </div>
    
    <script>
      // Game functions
      function brushHair() {
        console.log("Brushing hair...");
        // Implement brushing hair logic here
      }
      
      function cutHair() {
        console.log("Cutting hair...");
        // Implement cutting hair logic here
      }
      
      function growHair() {
        console.log("Growing hair...");
        // Implement growing hair logic here
      }
      
      function takePicture() {
        console.log("Taking a picture...");
        // Implement taking a picture logic here
      }
      
      function shaveHair() {
        console.log("Shaving hair...");
        // Implement shaving hair logic here
      }
      
      function dryHair() {
        console.log("Drying hair...");
        // Implement drying hair logic here
      }
      
      function sprayHair() {
        console.log("Spraying color...");
        // Implement color spraying logic here
      }
      
      function decorateHair() {
        console.log("Decorating hair...");
        // Implement hair decoration logic here
      }
      
      function pickBackground() {
        console.log("Picking background...");
        // Implement background picking logic here
      }
    </script>
  </body>
</html>
```

Please note that you need to replace the `src` values of the `img` tags with the actual paths to your pictogram images. Additionally, you can customize the styling of the game by modifying the CSS section.