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

No:13691

103

←

Prev Next

→

Rummy game
Developer User5994｜Date and time 23/8/29 11:26:24
Build time 28.846 sec｜Game capacity 4.419KB｜

Script

Sure! Here's a simplified version of the Rummy card game implemented as a single HTML file, including JavaScript code. Please note that this implementation does not include all the rules and features of a complete Rummy game but provides a basic structure to get you started:

Rummy Game

Draw

You can copy the entire code and save it as an HTML file (e.g., `game.html`). When you open the file in a browser or on a smartphone, it will display a Rummy game interface. You can click on the "Draw" button to draw a new card and click on a card in your hand to discard it. The discarded card will appear in the "Discard" area. Please note that this implementation is fairly minimal and only includes basic functionality.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rummy Game</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

body {
      background: #f7f7f7;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

#game {
      width: 320px;
      height: 480px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 20px;
    }

h1 {
      margin-bottom: 20px;
    }

#hand {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      margin-bottom: 20px;
    }

.card {
      width: 80px;
      height: 120px;
      background: #f2f2f2;
      border-radius: 4px;
      margin: 5px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px;
      font-weight: bold;
    }

#discard {
      width: 80px;
      height: 120px;
      border: 2px dashed #ccc;
      border-radius: 4px;
      margin-bottom: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px;
      font-weight: bold;
    }

#draw {
      width: 80px;
      height: 120px;
      background: #30bced;
      color: #fff;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px;
      font-weight: bold;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game">
    <h1>Rummy Game</h1>
    <div id="hand"></div>
    <div id="discard"></div>
    <div id="draw">Draw</div>
  </div>

// Shuffle the cards
      function shuffle(array) {
        let currentIndex = array.length;
        let temporaryValue, randomIndex;

while (currentIndex !== 0) {
          randomIndex = Math.floor(Math.random() * currentIndex);
          currentIndex--;

temporaryValue = array[currentIndex];
          array[currentIndex] = array[randomIndex];
          array[randomIndex] = temporaryValue;
        }

return array;
      }

function updateHand(cards) {
        handElement.innerHTML = '';

cards.forEach(function(card) {
          const cardElement = document.createElement('div');
          cardElement.classList.add('card');
          cardElement.textContent = card;
          handElement.appendChild(cardElement);
        });
      }

let deck = shuffle(cards.slice());
      let hand = [];

for (let i = 0; i < 7; i++) {
        hand.push(deck.pop());
      }

updateHand(hand);

drawElement.addEventListener('click', function() {
        if (deck.length > 0) {
          hand.push(deck.pop());
          updateHand(hand);
        }
      });

handElement.addEventListener('click', function(event) {
        const clickedCard = event.target;
        const index = [...handElement.children].indexOf(clickedCard);

if (index !== -1) {
          discardElement.textContent = hand[index];
          hand.splice(index, 1);
          updateHand(hand);
        }
      });
    });
  </script>
</body>
</html>
```