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

No:48

365

←

Prev Next

→

3-match puzzle
Developer anonymous｜Date and time 23/5/5 16:03:03
Build time 65.417 sec｜Game capacity 2.917KB｜

Script

3-Match Puzzle

Align three identical symbols vertically or horizontally!

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>3マッチパズル</title>
</head>
<body>

<h1>3マッチパズル</h1>
	<p>縦か横に3つ同じマークを揃えよう！</p>

var score = 0;

var selectedCells = [];

function getRandomMark() {
			var marks = ['😀', '😎', '🤖', '👻', '🍔', '🏀'];
			return marks[Math.floor(Math.random() * marks.length)];
		}

function render() {
			for (var i = 0; i < 9; i++) {
				var cell = document.getElementById('cell-' + i);
				cell.innerHTML = board[i].matched ? '' : board[i].mark;
			}

document.getElementById('score').textContent = 'スコア: ' + score;
		}

function selectCell(cellId) {
			if (selectedCells.length === 0) {
				selectedCells.push(cellId);
			} else if (selectedCells.length === 1) {
				var cell1 = board[selectedCells[0]];
				var cell2 = board[cellId];

if (cell1.mark === cell2.mark) {
					cell1.matched = true;
					cell2.matched = true;

score += 10;

if (score === 90) {
						alert('すごい！全マッチした！');
					}
				}

selectedCells = [];
			}

render();
		}

function resetBoard() {
			board = [
				{mark: getRandomMark(), matched: false},
				{mark: getRandomMark(), matched: false},
				{mark: getRandomMark(), matched: false},
				{mark: getRandomMark(), matched: false},
				{mark: getRandomMark(), matched: false},
				{mark: getRandomMark(), matched: false},
				{mark: getRandomMark(), matched: false},
				{mark: getRandomMark(), matched: false},
				{mark: getRandomMark(), matched: false}
			];

score = 0;
			selectedCells = [];

render();
		}

document.getElementById('btn-start').addEventListener('click', function() {
			render();
		});

document.getElementById('board').addEventListener('click', function(event) {
			var cellId = parseInt(event.target.id.slice(-1));
			selectCell(cellId);
		});

document.getElementById('btn-reset').addEventListener('click', function() {
			resetBoard();
		});
	</script>

</body>
</html>