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

No:1904

176

←

Prev Next

→

neurasthenia
Developer User3439｜Date and time 23/6/19 13:47:25
Build time 33.451 sec｜Game capacity 2.677KB｜

Script

神経衰弱

カードをクリックして、同じ絵柄のカードを見つけよう！

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>神経衰弱</title>
	<style>
		body {
			background-color: cornflowerblue;
			font-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			color: white;
			font-size: 48px;
		}
		button {
			background-color: white;
			border-radius: 10px;
			color: cornflowerblue;
			font-size: 24px;
			padding: 10px 20px;
			margin: 20px;
		}
		.card {
			background-color: white;
			border-radius: 10px;
			box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
			display: inline-block;
			font-size: 48px;
			height: 150px;
			margin: 20px;
			text-align: center;
			width: 100px;
		}
		.card.selected {
			background-color: cornflowerblue;
			color: white;
		}
		.card.matched {
			background-color: gray;
			color: white;
		}
	</style>
</head>
<body>
	<h1>神経衰弱</h1>
	<p>カードをクリックして、同じ絵柄のカードを見つけよう！</p>
	<div id="cards"></div>
	<button id="reset-button">リセット</button>
	<script>
		const emojis = ['😀', '😂', '😍', '🤔', '😎', '🤢', '👻', '🐶', '🐢', '🦄'];
		let shuffledCards = [];
		let openedCards = [];
		let matchedCards = [];

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]];
			}
			return array;
		}

function reset() {
			while (cardsContainer.firstChild) {
				cardsContainer.removeChild(cardsContainer.firstChild);
			}
			openedCards = [];
			matchedCards = [];
			createCards();
		}

const resetButton = document.getElementById('reset-button');
		resetButton.addEventListener('click', reset);

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