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

No:5983

696

←

Prev Next

→

Money boxes. Sometimes you get the full amount you..ALL
Developer User1006｜Date and time 23/7/1 13:21:16
Build time 13.995 sec｜Game capacity 1.521KB｜

Script

了解です。以下にお賽銭箱のゲームを作成します。

お賽銭箱

投入額: 0円

このゲームでは、ボタンをクリックしてお賽銭をすると、たまに入れた額全額をもらえる仕組みです。画面中央に配置された「お賽銭する」ボタンをクリックすると、投入額が1円ずつ増え、表示される投入額が更新されます。0.05の確率でお賽銭箱から全額をもらえるメッセージが表示され、投入額がリセットされます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解です。以下にお賽銭箱のゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>お賽銭箱</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 4rem;
    }
    button {
      font-size: inherit;
      padding: 1rem;
      border-radius: 1rem;
      background-color: #ffbb33;
      border: none;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>お賽銭箱</h1>

function addMoney() {
      totalMoney++;
      const display = document.querySelector('#display');
      display.textContent = '投入額: ' + totalMoney + '円';

if (Math.random() < 0.05) {
        const box = document.querySelector('#box');
        box.textContent = 'お賽銭箱から' + totalMoney + '円をゲットしました！';
        totalMoney = 0;
      }
    }
  </script>

<button onclick="addMoney()">お賽銭する</button>
  <div id="display">投入額: 0円</div>
  <div id="box"></div>

</body>
</html>
```