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

No:31998

←

Prev Next

→

Watermelon clicker
Developer User15234｜Date and time 23/12/29 5:04:38
Build time 14.977 sec｜Game capacity 2.108KB｜

Script

Sure! Here's a simple implementation of Watermelon Clicker game using JavaScript, HTML, and pictograms. Save the code below as a single HTML file, and you will be able to play the game by opening that file in a web browser:

Watermelon Clicker

Clicks: 0

To play the game, simply open the HTML file in a web browser on your smartphone, and you will see a watermelon pictogram with a counter below it. Each time you click the "Click Me!" button, the click count will increase by one. Have fun clicking watermelons!

←

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 name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Watermelon Clicker</title>
    <style>
        body {
            text-align: center;
            background-color: #FDF5D8;
            font-family: Arial, sans-serif;
        }
        
        h1 {
            color: #FF5A5A;
        }
        
        #watermelon-img {
            width: 100px;
            height: 100px;
            margin-bottom: 20px;
        }
        
        #click-count {
            font-size: 24px;
            margin-bottom: 40px;
        }
        
        #click-button {
            background-color: #FF5A5A;
            color: white;
            border: none;
            padding: 10px 20px;
            font-size: 20px;
            cursor: pointer;
            border-radius: 5px;
        }
        
        #click-button:hover {
            background-color: #E64141;
        }
    </style>
</head>
<body>
    <h1>Watermelon Clicker</h1>
    <img id="watermelon-img" src="https://image.flaticon.com/icons/png/512/4143/4143665.png" alt="Watermelon Icon">
    <p id="click-count">Clicks: 0</p>
    <button id="click-button">Click Me!</button>

clickButton.addEventListener("click", function() {
            clickCount++;
            clickCountElement.textContent = "Clicks: " + clickCount;
        });
    </script>
</body>
</html>
```