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

No:18578

Uno played with me vs computer
Developer Burak Arda Bulut｜Date and time 23/9/30 1:54:33
Build time 34.502 sec｜Game capacity 4.234KB｜

Script

Sure! Here's a simple implementation of the Uno game for you to play against the computer using JavaScript and pictograms. Just save the following code as an HTML file and open it in a web browser to start playing:

Uno Game

In this implementation, the game starts automatically, and you can click the "Play" button to play a round, or the "Draw" button to draw a new card and continue playing. Please note that the computer's moves are randomly generated, so it may not always make the most strategic decisions. Feel free to modify and enhance the code to fit your requirements or improve the gameplay experience.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Uno Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        #gameboard {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 50px;
        }
        
        .card {
            width: 100px;
            height: 150px;
            margin: 0 5px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            font-weight: bold;
            border: 2px solid black;
            border-radius: 10px;
            cursor: pointer;
        }
        
        #message {
            font-size: 18px;
            margin-top: 20px;
        }
        
        #buttons {
            margin-top: 20px;
        }
        
        #buttons button {
            font-size: 14px;
            padding: 5px 10px;
            margin: 5px;
        }
    </style>
</head>
<body>
    <h1>Uno Game</h1>
    
    <div id="gameboard">
        <div class="card" id="computerCard"></div>
        <div class="card" id="deck">?</div>
        <div class="card" id="playerCard"></div>
    </div>

let computerCard = ""; // Current computer card
        let playerCard = ""; // Current player card

function getRandomCard() {
            return cards[Math.floor(Math.random() * cards.length)];
        }

function play() {
            if (playerCard === "") {
                playerCard = getRandomCard();
                computerCard = getRandomCard();
            }

const deck = document.getElementById("deck");
            const playerCardElem = document.getElementById("playerCard");
            const computerCardElem = document.getElementById("computerCard");
            const messageElem = document.getElementById("message");
            const buttonsElem = document.getElementById("buttons");

deck.innerText = "";
            playerCardElem.innerText = playerCard;
            computerCardElem.innerText = computerCard;

if (playerCard === computerCard) {
                messageElem.innerText = "It's a DRAW!";
                buttonsElem.innerHTML = "";
            } else {
                messageElem.innerText = (playerCard + " vs " + computerCard) + " - ";
                
                if (
                    playerCard === "⏪" ||
                    playerCard === "✋" ||
                    computerCard === "⏪" ||
                    computerCard === "✋"
                ) {
                    messageElem.innerText += "You must DRAW!";
                    buttonsElem.innerHTML = `
                        <button onclick="draw()">Draw</button>
                    `;
                } else {
                    messageElem.innerText += "You WIN!";
                    buttonsElem.innerHTML = "";
                }
            }
        }

function draw() {
            playerCard = getRandomCard();
            play();
        }

play();
    </script>
</body>
</html>
```

In this implementation, the game starts automatically, and you can click the "Play" button to play a round, or the "Draw" button to draw a new card and continue playing.

Please note that the computer's moves are randomly generated, so it may not always make the most strategic decisions. Feel free to modify and enhance the code to fit your requirements or improve the gameplay experience.