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

No:48995

←

Prev Next

→

Frequencie map
Developer User18896｜Date and time 24/3/3 12:58:35
Build time 3.826 sec｜Game capacity 1.623KB｜

Script

Frequency Map Game

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Frequency Map Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #map {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            margin: 20px auto;
            display: flex;
            flex-wrap: wrap;
        }
        .cell {
            width: 25%;
            height: 33.33%;
            border: 1px solid black;
            box-sizing: border-box;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Frequency Map Game</h1>
    <div id="map"></div>

function createMap() {
            for (let i = 0; i < 9; i++) {
                const cell = document.createElement('div');
                cell.classList.add('cell');
                cell.addEventListener('click', () => toggleFreq(i));
                map.appendChild(cell);
                freqMap.push(false);
            }
        }

function toggleFreq(index) {
            freqMap[index] = !freqMap[index];
            renderMap();
        }

function renderMap() {
            map.innerHTML = '';
            freqMap.forEach((status, index) => {
                const cell = document.createElement('div');
                cell.classList.add('cell');
                cell.style.backgroundColor = status ? 'blue' : 'white';
                map.appendChild(cell);
            });
        }

createMap();
    </script>
</body>
</html>
```