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

No:24878

Weather Control. Add auto save as well
Developer User7388｜Date and time 23/11/13 20:03:08
Build time 77.354 sec｜Game capacity 2.435KB｜

Script

Sure! Here's an example of a Weather Control game implemented as a single HTML file, with JavaScript code enclosed in script tags:

Weather Control

In this game, you can control the weather by clicking on the pictogram buttons. Each button represents a weather condition - sunny, cloudy, rainy, or stormy. When a button is clicked, the corresponding weather image will be displayed. The current weather state will also be automatically saved and persisted in the browser's local storage. To customize the game further, you can replace the image files (`emozi_all/game.png`, `emozi_rabbit.png`, `emozi_apple.png`, `emozi_bear.png`, and `emozi_chicken.png`) with your own pictograms representing different weather conditions.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a Weather Control game implemented as a single HTML file, with JavaScript code enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Weather Control Game</title>
</head>
<body>
    <div id="game-container">
        <h1>Weather Control</h1>
        <div id="image-container">
            <img id="weather-image" src="default.png" alt="Weather Image">
        </div>
        <div id="controls">
            <button onclick="changeWeather('sunny')">☀️</button>
            <button onclick="changeWeather('cloudy')">☁️</button>
            <button onclick="changeWeather('rainy')">🌧️</button>
            <button onclick="changeWeather('stormy')">⛈️</button>
        </div>
    </div>

// Auto Save
        window.onload = function() {
            const savedWeather = localStorage.getItem("weather");
            if (savedWeather) {
                changeWeather(savedWeather);
            }
        }

// Change Weather Function
        function changeWeather(weather) {
            const weatherImage = document.getElementById("weather-image");

switch(weather) {
                case 'sunny':
                    weatherImage.src = "sunny.png";
                    break;
                case 'cloudy':
                    weatherImage.src = "cloudy.png";
                    break;
                case 'rainy':
                    weatherImage.src = "rainy.png";
                    break;
                case 'stormy':
                    weatherImage.src = "stormy.png";
                    break;
                default:
                    weatherImage.src = "default.png";
                    break;
            }

// Save Weather
            localStorage.setItem("weather", weather);
        }
    </script>
</body>
</html>
```

To customize the game further, you can replace the image files (`default.png`, `sunny.png`, `cloudy.png`, `rainy.png`, and `stormy.png`) with your own pictograms representing different weather conditions.