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

No:16626

Make a bank simulator game with a save button and ..ALL
Developer User7388｜Date and time 23/9/19 20:18:55
Build time 27.519 sec｜Game capacity 2.67KB｜

Script

Sure! Here's an example of a simple bank simulator game with a save button and a delete data button implemented as a single HTML file using JavaScript:

Bank Simulator Game

Current Balance: $0

This game provides buttons to deposit or withdraw $100 from the bank balance. It also includes buttons to save the current balance to localStorage and to delete the saved data (which resets the balance to 0). The bank balance is displayed in real-time on the screen. The data is saved and retrieved when the page is loaded or when the save/delete buttons are clicked.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a simple bank simulator game with a save button and a delete data button implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    .bank-balance {
      font-size: 24px;
      margin-bottom: 20px;
    }
    
    .button {
      padding: 10px 20px;
      font-size: 18px;
      background-color: dodgerblue;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      margin: 10px;
    }
    
    .button:hover {
      background-color: royalblue;
    }
  </style>
</head>
<body>
  <h1>Bank Simulator Game</h1>
  <div class="bank-balance">Current Balance: $<span id="balance">0</span></div>
  
  <button class="button" onclick="deposit()">Deposit $100</button>
  <button class="button" onclick="withdraw()">Withdraw $100</button>
  <button class="button" onclick="saveData()">Save Data</button>
  <button class="button" onclick="deleteData()">Delete Data</button>
  
  <script>
    // Initialize balance variable
    let balance = 0;
    
    // Update balance text on screen
    function updateBalance() {
      document.getElementById("balance").textContent = balance;
    }
    
    // Process deposit of $100
    function deposit() {
      balance += 100;
      updateBalance();
    }
    
    // Process withdrawal of $100 (if balance is at least $100)
    function withdraw() {
      if (balance >= 100) {
        balance -= 100;
        updateBalance();
      } else {
        alert("Insufficient balance!");
      }
    }
    
    // Save data to localStorage
    function saveData() {
      localStorage.setItem("bankBalance", balance);
      alert("Data saved successfully!");
    }
    
    // Delete saved data from localStorage
    function deleteData() {
      localStorage.removeItem("bankBalance");
      balance = 0;
      updateBalance();
      alert("Data deleted successfully!");
    }
    
    // Check if saved data exists in localStorage and set balance accordingly
    window.onload = function() {
      if (localStorage.getItem("bankBalance")) {
        balance = parseInt(localStorage.getItem("bankBalance"));
        updateBalance();
      }
    };
  </script>
</body>
</html>
```