Server Simulator. Add auto save and delete data button as well's game

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

No:24879

←

Prev Next

→

Server Simulator. Add auto save and delete data bu..ALL
Developer User7388｜Date and time 23/11/13 20:06:42
Build time 99.538 sec｜Game capacity 3.149KB｜

Script

Sure! Here's an example of a simplified server simulator game implemented as a single HTML file, containing JavaScript and enclosed in script tags. This game assumes smartphone operation and uses pictograms where possible. It also includes an auto save feature and a delete data button.

In this game, you can click the "Process Data" button to generate a random log entry, which will be displayed in the log area. The "Auto Save" button is toggled on by default and saves the log data to local storage after each log entry. The "Delete Data" button allows you to delete all saved log data. Please note that this is a simplified example for demonstration purposes, and it doesn't include any real server simulation or complex game mechanics. It's just a basic implementation to showcase the requested features in a single HTML file.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Server Simulator - Game</title>
</head>
<body>
    <div id="game-container">
        <div id="status"></div>
        <button onclick="processData()">Process Data</button>
        <button onclick="autoSave()">Auto Save: On</button>
        <button onclick="deleteData()">Delete Data</button>

function processData() {
            const newLogEntry = generateLogEntry();
            logData.push(newLogEntry);

const logContainer = document.getElementById("log-container");
            logContainer.innerHTML += `<div>${newLogEntry}</div>`;

updateStatus();
            autoSave();
        }

function updateStatus() {
            const statusContainer = document.getElementById("status");
            statusContainer.innerHTML = `Logs: ${logData.length}`;
        }

function generateLogEntry() {
            const options = ['Success!', 'Error!', 'Warning!', 'Info!'];
            const randomIndex = Math.floor(Math.random() * options.length);
            return options[randomIndex];
        }

function autoSave() {
            if (autoSaveEnabled) {
                localStorage.setItem('logData', JSON.stringify(logData));
            }
        }

function loadSavedData() {
            const savedData = localStorage.getItem('logData');
            if (savedData) {
                logData = JSON.parse(savedData);

const logContainer = document.getElementById("log-container");
                for (const logEntry of logData) {
                    logContainer.innerHTML += `<div>${logEntry}</div>`;
                }
                updateStatus();
            }
        }

function deleteData() {
            if (confirm("Are you sure you want to delete all data?")) {
                localStorage.removeItem('logData');

const logContainer = document.getElementById("log-container");
                logContainer.innerHTML = "";
                logData = [];

updateStatus();
            }
        }

// Start game
        loadSavedData();
    </script>
</body>
</html>
```

Please note that this is a simplified example for demonstration purposes, and it doesn't include any real server simulation or complex game mechanics. It's just a basic implementation to showcase the requested features in a single HTML file.