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

No:783

185

←

Prev Next

→

Future Poker
Developer User3130｜Date and time 23/6/17 17:32:10
Build time 57.479 sec｜Game capacity 5.133KB｜

Script

未来のポーカー

スタートボタンを押してゲームを開始

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>未来のポーカー</title>
</head>

<body>
  <div id="startPage">
    <h1>未来のポーカー</h1>
    <p>スタートボタンを押してゲームを開始</p>
    <button onclick="startGame()">スタート</button>
  </div>

<div id="gamePage" style="display: none;">
    <h1>未来のポーカー</h1>
    <p id="message"></p>
    <div id="cards">
      <div class="card" onclick="selectCard(0)">
        <p>🂠</p>
        <input type="checkbox" name="card" value="0" style="display:none;">
      </div>
      <div class="card" onclick="selectCard(1)">
        <p>🂡</p>
        <input type="checkbox" name="card" value="1" style="display:none;">
      </div>
      <div class="card" onclick="selectCard(2)">
        <p>🂢</p>
        <input type="checkbox" name="card" value="2" style="display:none;">
      </div>
      <div class="card" onclick="selectCard(3)">
        <p>🂣</p>
        <input type="checkbox" name="card" value="3" style="display:none;">
      </div>
      <div class="card" onclick="selectCard(4)">
        <p>🂤</p>
        <input type="checkbox" name="card" value="4" style="display:none;">
      </div>
    </div>
    <button onclick="drawCards()">引く</button>
  </div>

<div id="resultPage" style="display: none;">
    <h1>未来のポーカー</h1>
    <p id="result"></p>
    <button onclick="restart()">もう一度遊ぶ</button>
  </div>

function startGame() {
      document.getElementById("startPage").style.display = "none";
      document.getElementById("gamePage").style.display = "block";

for (let i = 0; i < 5; i++) {
        cards.push(getRandomCard());
        selected.push(false);
      }
      updateCards();
      setMessage("カードを選択して、引き直すボタンを押してください");
    }

function getRandomCard() {
      const symbols = ['🂠', '🂡', '🂢', '🂣', '🂤'];
      const randomIndex = Math.floor(Math.random() * symbols.length);
      return symbols[randomIndex];
    }

function selectCard(index) {
      selected[index] = !selected[index];
      updateCards();
    }

function setMessage(text) {
      document.getElementById("message").textContent = text;
    }

function setResult(text) {
      document.getElementById("gamePage").style.display = "none";
      document.getElementById("resultPage").style.display = "block";
      document.getElementById("result").textContent = text;
    }

function restart() {
      cards = [];
      selected = [];
      document.getElementById("startPage").style.display = "block";
      document.getElementById("resultPage").style.display = "none";
    }
  </script>

.card {
      border: 1px solid black;
      border-radius: 10px;
      width: 80px;
      height: 100px;
      margin: 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

.card p {
      font-size: 60px;
    }

.card.selected {
      background-color: gray;
    }
  </style>
</body>

</html>