document.addEventListener('DOMContentLoaded', function() { const gridContainer = document.getElementById('gridContainer'); const cols = 10; const rows = 10; for (let row = 0; row < rows; row++) { for (let col = 0; col < cols; col++) { const gridItem = document.createElement('div'); gridItem.className = 'gem'; if (row == 0 && col == 0) { }else{ gridItem.classList.add('frosted'); gridItem.style.cursor = 'auto'; } const bgPosX = 0; const bgPosY = 0; gridItem.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`; gridContainer.appendChild(gridItem); } } function handleGridClick(x, y) { alert(`coordinate: (${x}, ${y})`); } });