AI game creator

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

No:13848

147

←

Prev Next

→

Uno
Developer User6030｜Date and time 23/8/30 4:46:27
Build time 22.429 sec｜Game capacity 2.123KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>UNO Game</title>
	<style>
		body {
			font-family: Arial, sans-serif;
			text-align: center;
		}

.wrapper {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 80vh;
		}

.card {
			display: inline-block;
			width: 100px;
			height: 150px;
			border: 1px solid black;
			border-radius: 10px;
			margin: 5px;
			background-color: white;
		}
	</style>
</head>
<body>
	<div class="wrapper">
		<div class="card"></div>
		<div class="card"></div>
		<div class="card"></div>
		<div class="card"></div>
	</div>

// Fisher-Yates shuffle algorithm to shuffle the cards
		const shuffleCards = (cards) => {
			let currentIndex = cards.length, tempValue, randomIndex;

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

tempValue = cards[currentIndex];
				cards[currentIndex] = cards[randomIndex];
				cards[randomIndex] = tempValue;
			}

return cards;
		};

// Function to start the game
		const startGame = () => {
			const cardsWrapper = document.querySelector(".wrapper");
			const cards = shuffleCards(unoCards);

// Display the shuffled cards in the game area
			for (let i = 0; i < cards.length; i++) {
				const card = document.createElement("div");
				card.classList.add("card");
				card.innerText = cards[i];

cardsWrapper.appendChild(card);
			}
		};

startGame();
	</script>
</body>
</html>