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

No:33422

←

Prev Next

→

Barbie makeup
Developer User15767｜Date and time 24/1/4 4:51:39
Build time 17.291 sec｜Game capacity 2.153KB｜

Script

Sure, here's a simple Barbie Makeup game implemented as a single HTML file using JavaScript:

Barbie Makeup Game

💄

👁️‍🗨️

🍑

💅

You can open this HTML file in a browser (on a smartphone) to play the Barbie Makeup game. Simply click on the pictograms (lipstick, eyeshadow, blush, or nail polish) to select them, and you'll see a message displaying the selected pictogram.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple Barbie Makeup game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Barbie Makeup Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }

#message {
            margin-top: 20px;
            font-weight: bold;
        }

.pictogram {
            display: inline-block;
            width: 100px;
            height: 100px;
            padding: 10px;
            margin: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ccc;
            font-size: 24px;
            cursor: pointer;
        }

.selected {
            background-color: #ffd700;
        }
    </style>
</head>
<body>
    <h1>Barbie Makeup Game</h1>
    <div id="message"></div>
    <div>
        <div class="pictogram" onclick="selectPictogram('lipstick')">💄</div>
        <div class="pictogram" onclick="selectPictogram('eyeshadow')">👁️‍🗨️</div>
        <div class="pictogram" onclick="selectPictogram('blush')">🍑</div>
        <div class="pictogram" onclick="selectPictogram('nail polish')">💅</div>
    </div>

function selectPictogram(pictogram) {
            selectedPictogram = pictogram;

// Remove selected class from all pictograms
            var pictograms = document.getElementsByClassName('pictogram');
            for (var i = 0; i < pictograms.length; i++) {
                pictograms[i].classList.remove('selected');
            }

// Add selected class to the clicked pictogram
            event.target.classList.add('selected');

// Show message with selected pictogram
            document.getElementById('message').innerText = 'You selected ' + selectedPictogram + '!';
        }
    </script>
</body>
</html>
```