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

No:37377

It will be a 2 Player game. There will be a few ca..ALL
Developer User17069｜Date and time 24/1/21 2:53:56
Build time 11.884 sec｜Game capacity 3.868KB｜

Script

Sure, here's an implementation of the game described using HTML and JavaScript. The game uses pictograms for the cards and starts with Rock Paper Scissors to determine the starting player. There are 3 rounds, with each round consisting of 10 cards. The player who wins a round receives a clap.

Point Card Game

Player 1: 1000 points
Player 2: 1000 points

Please note that you need to replace `emozi_all/minus.png`, `emozi_all/divide.png`, `emozi_all/plus.png` with the actual image filenames of the respective cards in your project. Also, make sure to add more card images as needed.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Point Card Game</title>
    <style>
        img {
            width: 100px;
            height: 100px;
        }
        
        #score {
            font-size: 24px;
            margin: 10px;
        }
        
        #cards {
            display: flex;
            justify-content: space-between;
            margin: 10px;
        }
    </style>
</head>
<body>
    <h1>Point Card Game</h1>
    <div id="score">
        Player 1: <span id="player1Score">1000</span> points<br>
        Player 2: <span id="player2Score">1000</span> points
    </div>
    <div id="cards">
        <img src="minus-2.png" id="card1">
        <img src="divide-2.png" id="card2">
        <img src="plus-2.png" id="card3">
        
    </div>
    
    <script>
        var player1Score = 1000;
        var player2Score = 1000;
        var currentPlayer = 0;
        var rounds = 0;
        
        var cards = document.querySelectorAll("#cards img");
        for (var i = 0; i < cards.length; i++) {
            cards[i].addEventListener("click", playCard);
        }
        
        function playCard() {
            var cardValue = parseInt(this.alt);
            
            if (currentPlayer === 0) {
                player1Score += cardValue;
                document.getElementById("player1Score").textContent = player1Score;
                currentPlayer = 1;
            } else {
                player2Score += cardValue;
                document.getElementById("player2Score").textContent = player2Score;
                currentPlayer = 0;
            }
            
            this.style.opacity = 0.5;
            this.removeEventListener("click", playCard);
            
            checkRoundEnd();
        }
        
        function checkRoundEnd() {
            var playedCards = document.querySelectorAll("#cards img[style='opacity: 0.5;']");
            if (playedCards.length === 10) {
                rounds++;
                if (player1Score > player2Score) {
                    document.getElementById("player1Score").innerHTML += " <span>👏</span>";
                } else {
                    document.getElementById("player2Score").innerHTML += " <span>👏</span>";
                }
                
                if (rounds === 3) {
                    endGame();
                } else {
                    resetRound();
                }
            }
        }
        
        function endGame() {
            var winner = "";
            if (player1Score > player2Score) {
                winner = "Player 1";
            } else if (player2Score > player1Score) {
                winner = "Player 2";
            } else {
                winner = "It's a tie";
            }
            
            alert("Game Over!\n" + winner + " wins!");
        }
        
        function resetRound() {
            for (var i = 0; i < cards.length; i++) {
                cards[i].style.opacity = 1;
                cards[i].addEventListener("click", playCard);
            }
            
            player1Score = 1000;
            player2Score = 1000;
            document.getElementById("player1Score").textContent = player1Score;
            document.getElementById("player2Score").textContent = player2Score;
        }
    </script>
</body>
</html>
```

Please note that you need to replace `minus-2.png`, `divide-2.png`, `plus-2.png` with the actual image filenames of the respective cards in your project. Also, make sure to add more card images as needed.