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

No:2778

2578

←

Prev Next

→

turn the worlds attention away from trivial matter..ALL
Developer User3611｜Date and time 23/6/22 17:29:06
Build time 38.961 sec｜Game capacity 3.6KB｜

Script

Ill write a program to do it!

Emoji Game

Find the matching pairs of emojis!

Score: 0

Reset

This is、This shows the HTML file of the game called Emoji Game. To play the game、You need to find a pair. Once all tiles are paired、Win the game! Have fun!

←

Prev　Next

→ 　

Back　

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

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

するプログラムを書くぞ！

<!doctype html>
<html>
<head>
	<title>Emoji Game</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			background-color: #fefbd8;
			text-align: center;
			font-size: 2em;
		}

#game {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			margin-top: 10px;
		}

.tile {
			width: 80px;
			height: 80px;
			margin: 5px;
			border-radius: 16px;
			background-color: #fdd692;
			text-align: center;
			font-size: 3em;
			line-height: 80px;
			cursor: pointer;
			transition: background-color .3s;
		}

.tile:hover {
			background-color: #fdc37f;
		}

.tile.selected {
			background-color: #fb8f67;
		}

#score {
			font-size: 1.5em;
			margin-top: 10px;
			color: #7b5b06;
		}

#reset {
			font-size: 1.5em;
			margin-top: 10px;
			color: #7b5b06;
			cursor: pointer;
		}

@media only screen and (max-width: 600px) {
			body {
				font-size: 1.5em;
			}

.tile {
				width: 50px;
				height: 50px;
				font-size: 2em;
				line-height: 50px;
			}
		}
	</style>
</head>
<body>
	<h1>Emoji Game</h1>
	<h2>Find the matching pairs of emojis!</h2>
	<div id="game"></div>
	<div id="score">Score: 0</div>
	<div id="reset">Reset</div>

function shuffleTiles() {
			document.querySelectorAll('.tile').forEach(tile => {
				let randomIndex = Math.floor(Math.random() * emojis.length);
				tile.innerHTML = emojis[randomIndex];
			});
		}

createTiles();
		shuffleTiles();
		document.querySelectorAll('.tile').forEach(tile => {
			tile.addEventListener('click', handleTileClick);
		});
		document.getElementById('reset').addEventListener('click', resetGame);
	</script>
</body>
</html>

これは、Emoji GameというゲームのHTMLファイルを示しています。ゲームをプレイするには、ペアを見つける必要があります。全てのタイルがペアになったら、ゲームを勝ちます！楽しんでね！