I Spy Game: HTML, CSS, and JavaScript Code Walkthrough

The code appears to be correct and functional. However, it would be better to add comments within the JavaScript code to explain what each section of code is doing. This would make it easier for other developers to understand and modify the code in the future.

// List of objects to find
const items = [
	'Car',
	'Tree',
	'Dog',
	'Cat',
	'House',
	'Sun',
	'Flower',
	'Star',
	'Chair',
	'Book',
	'Clock',
	'Shoe'
];

// Shuffle items array
items.sort(() => Math.random() - 0.5);

// Add items to game board
for (let i = 0; i < items.length; i++) {
	const item = document.createElement('div');
	item.classList.add('item');
	item.innerText = items[i];
	document.querySelector('.game-items').appendChild(item);
}

// Add hidden objects to game board
for (let i = 0; i < 10; i++) {
	const object = document.createElement('div');
	object.classList.add('object');
	object.style.top = Math.floor(Math.random() * 350) + 'px';
	object.style.left = Math.floor(Math.random() * 350) + 'px';
	document.querySelector('.game-board').appendChild(object);
}

// Click event to find objects
let found = 0;
document.querySelectorAll('.object').forEach(object => {
	object.addEventListener('click', () => {
		object.style.visibility = 'hidden';
		found++;
		if (found === 10) {
			alert('Congratulations! You found all the objects!');
		}
	});
});