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

No:6734

107

←

Prev Next

→

Las Vegas
Developer User3840｜Date and time 23/7/3 12:49:36
Build time 20.959 sec｜Game capacity 1.895KB｜

Script

了解です。では、ラスベガス風のスロットマシンを作成してみましょう。以下のコードをお試しください。

スロットマシン

結果: --

❓ ❓ ❓

このコードでは、スロットマシンの結果を表示し、スピンボタンをクリックするとスロットが回転します。スロットマシンの絵柄は絵文字を使用しており、3つの絵柄が一致するとJACKPOTと表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解です。では、ラスベガス風のスロットマシンを作成してみましょう。以下のコードをお試しください。

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #slot-machine {
      text-align: center;
      font-size: 24px;
    }
    #spin-button {
      padding: 10px 20px;
      font-size: 18px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="slot-machine">
    <h1>スロットマシン</h1>
    <h2 id="result">結果: --</h2>
    <div id="slot-container">
      <span id="slot1">❓</span>
      <span id="slot2">❓</span>
      <span id="slot3">❓</span>
    </div>
    <button id="spin-button">スピン！</button>
  </div>

function getRandomSymbol() {
      var randomIndex = Math.floor(Math.random() * symbols.length);
      return symbols[randomIndex];
    }

function spin() {
      var slot1 = document.getElementById('slot1');
      var slot2 = document.getElementById('slot2');
      var slot3 = document.getElementById('slot3');

slot1.textContent = getRandomSymbol();
      slot2.textContent = getRandomSymbol();
      slot3.textContent = getRandomSymbol();

if (slot1.textContent === slot2.textContent && slot2.textContent === slot3.textContent) {
        document.getElementById('result').textContent = '結果: JACKPOT!!!';
      } else {
        document.getElementById('result').textContent = '結果: はずれ';
      }
    }

document.getElementById('spin-button').addEventListener('click', spin);
  </script>
</body>
</html>
```