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

No:18837

131

←

Prev Next

→

Your are an cashier to pay the customers you have ..ALL
Developer User8241｜Date and time 23/9/30 19:30:33
Build time 8.297 sec｜Game capacity 2.457KB｜

Script

Sure! Here is a simple example of a cashier game implemented as a single HTML file using JavaScript:

Welcome to the Cashier Game!

Customer's Bill:

Amount Paid:

In this game, you enter the bill amount and the paid amount in the provided input fields. When you click the "Pay" button, the game calculates the change amount. If the paid amount is sufficient to cover the bill, it will display the change amount and show the "Give Money" button. Clicking the "Give Money" button will trigger an alert showing the calculated change amount and reset the form. Feel free to modify the design or add more features as needed.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here is a simple example of a cashier game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
      <title>Cashier Game</title>
  </head>
  <body>
    <h1>Welcome to the Cashier Game!</h1>
    
    <div>
      <h2>Customer's Bill:</h2>
      <input type="number" id="billAmount" placeholder="Enter bill amount" step="0.01">
    </div>
  
    <div>
      <h2>Amount Paid:</h2>
      <input type="number" id="paidAmount" placeholder="Enter paid amount" step="0.01">
    </div>
    
    <div>
      <button onclick="calculateChange()">Pay</button>
    </div>
    
    <div id="result" style="display:none;">
      <h2>Change:</h2>
      <p id="changeAmount"></p>
      <button onclick="giveChange()">Give Money</button>
    </div>
    
    <script>
      function calculateChange() {
        var billAmount = parseFloat(document.getElementById("billAmount").value);
        var paidAmount = parseFloat(document.getElementById("paidAmount").value);
        var changeAmount = paidAmount - billAmount;
        
        if (changeAmount >= 0) {
          document.getElementById("changeAmount").textContent = "Change Amount: $" + changeAmount.toFixed(2);
          document.getElementById("result").style.display = "block";
        } else {
          document.getElementById("changeAmount").textContent = "Insufficient amount paid!";
          document.getElementById("result").style.display = "none";
        }
      }
      
      function giveChange() {
        var changeAmount = parseFloat(document.getElementById("paidAmount").value) - parseFloat(document.getElementById("billAmount").value);
        alert("Here is your change: $" + changeAmount.toFixed(2));
        resetForm();
      }
      
      function resetForm() {
        document.getElementById("billAmount").value = "";
        document.getElementById("paidAmount").value = "";
        document.getElementById("result").style.display = "none";
      }
    </script>
  </body>
</html>
```

Feel free to modify the design or add more features as needed.