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

No:3512

2215

←

Prev Next

→

絵文字神経衰弱絵柄が隠された『絵文字カード』があります。同じ絵文字は2枚、そのペアが8枚で、合計..ALL
Developer もちきなこ｜Date and time 23/6/25 10:20:56
Build time 35.338 sec｜Game capacity 3.423KB｜

Script

絵文字神経衰弱

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>絵文字神経衰弱</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: rgb(255, 255, 222);
			font-family: Arial, sans-serif;
			text-align: center;
		}

h1 {
			font-size: 36px;
			color: rgb(234, 67, 53);
			margin-top: 10px;
			margin-bottom: 20px;
		}

.card {
			display: inline-block;
			width: 100px;
			height: 100px;
			margin: 10px;
			background-color: rgb(255, 255, 255);
			border: 2px solid rgb(234, 67, 53);
			border-radius: 5px;
			cursor: pointer;
			user-select: none;
		}

.card img {
			display: none;
			width: 100px;
			height: 100px;
		}

.score {
			font-size: 28px;
			margin-bottom: 10px;
		}
	</style>
</head>
<body>
	<h1>絵文字神経衰弱</h1>
	<div class="score"></div>
	<div id="cardContainer"></div>

let cards = [];
		let firstCard, secondCard;
		let score = 0;
		let cardPairsFound = 0;
		let canClick = true;

const emojis = [
			"🐶", "🐱", "🐭", "🐹", "🦊", "🐻", "🐼", "🐨"
		];

// Shuffle array
		function shuffle(array) {
			for (let i = array.length - 1; i > 0; i--) {
				let j = Math.floor(Math.random() * (i + 1));
				[array[i], array[j]] = [array[j], array[i]];
			}
		}

// Create cards
		function createCards() {
			for (let i = 0; i < CARD_PAIRS; i++) {
				cards.push({
					emoji: emojis[i],
					isFlipped: false
				}, {
					emoji: emojis[i],
					isFlipped: false
				});
			}

shuffle(cards);

let cardContainer = document.getElementById("cardContainer");

for (let i = 0; i < cards.length; i++) {
				let card = document.createElement("div");
				card.classList.add("card");
				card.addEventListener("click", function() {
					if (!canClick) {
						return;
					}

if (this === firstCard) {
						return;
					}

this.getElementsByTagName("img")[0].style.display = "block";

if (!firstCard) {
						firstCard = this;
						return;
					}

secondCard = this;
					checkCards();
				});

let img = document.createElement("img");
				img.src = "emoji.png";
				img.alt = cards[i].emoji;

card.appendChild(img);
				cardContainer.appendChild(card);
			}
		}

// Check cards
		function checkCards() {
			canClick = false;

if (firstCard.getElementsByTagName("img")[0].alt === secondCard.getElementsByTagName("img")[0].alt) {
				score += 30;
				cardPairsFound++;

setTimeout(function() {
					firstCard.style.display = "none";
					secondCard.style.display = "none";
					canClick = true;

if (cardPairsFound === CARD_PAIRS) {
						endGame();
					}
				}, 1000);
			} else {
				score -= 10;

setTimeout(function() {
					firstCard.getElementsByTagName("img")[0].style.display = "none";
					secondCard.getElementsByTagName("img")[0].style.display = "none";
					canClick = true;
				}, 1000);
			}

updateScore();
			resetCards();
		}

// Reset cards
		function resetCards() {
			firstCard = null;
			secondCard = null;
		}

// Update score
		function updateScore() {
			let scoreDiv = document.querySelector(".score");
			scoreDiv.innerHTML = "スコア: " + score;
		}

// End game
		function endGame() {
			alert("Congratulations! You have completed the game. Your score is " + score);
			location.reload();
		}

// Initialize game
		createCards();
		updateScore();
	</script>
</body>
</html>