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

No:12908

205

←

Prev Next

→

I want to generate a code where you click a apple ..ALL
Developer FirstNormalPerson｜Date and time 23/8/25 2:26:09
Build time 22.005 sec｜Game capacity 2.571KB｜

Script

Sure! Here's an example of an HTML game using JavaScript that fulfills your requirements:

Fruit Slicer Game

Click the apple to get coins!

Coins: 0

In the code above, the game starts with an apple image that can be clicked to collect coins. Once the player collects 35 coins, a knife image is displayed. Clicking the apple again with the knife "slices" it by hiding the original apple image and displaying a sliced apple image. You would need to replace the `emozi_all/apple.png`, `emozi_dog.png`, and `emozi_all/apple.png` URLs with your own image URLs or use pictogram URLs.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's an example of an HTML game using JavaScript that fulfills your requirements:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            text-align: center;
        }
        
        #apple {
            display: none;
            width: 100px;
            height: 100px;
            background-image: url('apple.png');
            background-size: cover;
            cursor: pointer;
        }
        
        #knife {
            display: none;
            width: 100px;
            height: 100px;
            background-image: url('knife.png');
            background-size: cover;
            cursor: pointer;
        }
        
        #slicedApple {
            display: none;
            width: 100px;
            height: 100px;
            background-image: url('sliced_apple.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <h1>Fruit Slicer Game</h1>
    <h3>Click the apple to get coins!</h3>
    <p id="coinCount">Coins: 0</p>
    <div id="apple"></div>
    <div id="knife"></div>
    <div id="slicedApple"></div>

// Function to increase coin count and check if player can get the knife
        function collectCoin() {
            coinCount++;
            document.getElementById('coinCount').innerHTML = 'Coins: ' + coinCount;

if (coinCount === 35) {
                document.getElementById('knife').style.display = 'block';
                hasKnife = true;
            }
        }

// Function to handle slicing the apple with the knife
        function sliceApple() {
            if (hasKnife) {
                document.getElementById('apple').style.display = 'none';
                document.getElementById('slicedApple').style.display = 'block';
            }
        }

// Event listener for clicking the apple
        document.getElementById('apple').addEventListener('click', function() {
            if (!hasKnife) {
                collectCoin();
            } else {
                sliceApple();
            }
        });
    </script>
</body>
</html>
```

You would need to replace the `apple.png`, `knife.png`, and `sliced_apple.png` URLs with your own image URLs or use pictogram URLs.