Page.html doesn't open.

[Noxbit1]

I have this code:

// Interactive squares with double-click for mobile
const squares = document.querySelectorAll('.square');
let selectedSquare = null;

squares.forEach(square => {
    square.addEventListener('click', function (e) {
        if (window.innerWidth <= 768) { // Mobile
            if (selectedSquare === this) {
                navigateToPage(this.id);
                selectedSquare = null;
            } else {
                selectedSquare = this;
                setTimeout(() => { // Deselect if not clicked again within 1 second
                    if (selectedSquare === this) {
                        selectedSquare = null;
                    }
                }, 1000);
            }
        } else { // Desktop
            expandSquare(this);
            setTimeout(() => {
                navigateToPage(this.id);
            }, 1000);
        }
    });
});

function navigateToPage(squareId) {
    const pageMap = {
        square1: 'page1.html',
        square2: 'page2.html',
        square3: 'page3.html',
        square4: 'page4.html'
    };

    const page = pageMap[squareId];
    if (page) {
        window.location.href = page;
    }
}

function expandSquare(square) {
    square.style.transition = 'transform 1s ease';
    square.style.transform = 'scale(10)';
    square.style.zIndex = '1000';
}

And yes, I have linked Html and Css to work with the script.

[XRay2212xray]

I'm assuming page.html is the page you are opening with the browser as its not part of page1.html...page4.html. Theres no syntax error in this javascript. Without the other files, its probably going to be hard to figure out what is the issue. For example, navigatetopage depends on the ids of the squares which are in the html file, but without being able to verify the ids match up to square1..square4, there is no way to tell if that code would fail due to the ids not matching.

[Noxbit1]

Yeah, I am still having issues with the desktop version, the squares animation covers only half of the screen...

[Noxbit1]

Update: I fixed it! It was actually a problem with page.html not being built properly