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

No:19199

Make a human body viewer game where you can learn ..ALL
Developer User7632｜Date and time 23/10/2 1:39:27
Build time 10.964 sec｜Game capacity 3.05KB｜

Script

Human Body Viewer Game

In this game, you can learn about different organs of the human body by clicking on the "Next" and "Previous" buttons. The game displays an image of the organ along with its name. By clicking the "Next" button, you can move to the next organ, and by clicking the "Previous" button, you can move to the previous organ. The game is implemented as a single HTML file that includes JavaScript code enclosed in script tags. It uses pictograms (images) to represent the organs and is designed for smartphone operation. You can replace the image URLs (`emozi_all/game.png`, `emozi_all/lungs.png`, etc.) with your desired organ images.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Human Body Viewer Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
            text-align: center;
        }

#container {
            margin: 50px auto;
            width: 300px;
        }

#image {
            width: 200px;
            height: 200px;
            margin-bottom: 10px;
        }

#buttons {
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
        }

button {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
            border-radius: 4px;
        }
    </style>
</head>
<body>
    <div id="container">
        <h1>Human Body Viewer Game</h1>
        <img id="image" src="heart.png" alt="Heart">
        <div id="buttons">
            <button id="prevButton" onclick="changeOrgan(-1)">Previous</button>
            <button id="nextButton" onclick="changeOrgan(1)">Next</button>
        </div> 
    </div>

var currentOrganIndex = 0;
        var imageElement = document.getElementById("image");

function changeOrgan(step) {
            currentOrganIndex += step;
            if (currentOrganIndex < 0) {
                currentOrganIndex = organs.length - 1; // Wrap around to the last organ
            } else if (currentOrganIndex >= organs.length) {
                currentOrganIndex = 0; // Wrap around to the first organ
            }

var organ = organs[currentOrganIndex];
            imageElement.src = organ.image;
            imageElement.alt = organ.name;
        }

// Initial organ display
        changeOrgan(0);
    </script>
</body>
</html>
```

The game is implemented as a single HTML file that includes JavaScript code enclosed in script tags. It uses pictograms (images) to represent the organs and is designed for smartphone operation. You can replace the image URLs (`heart.png`, `lungs.png`, etc.) with your desired organ images.