由于這是一個(gè) Etch-a-Sketch 剽竊，我需要能夠不按順序?qū)?div 進(jìn)行著色，但是，我設(shè)置的 for 循環(huán)會(huì)遍歷每個(gè)方塊，并在僅接觸其中一個(gè)方塊后將它們?nèi)恐avaScript：const container = document.getElementById("container");        function makeRows (rows, columns) {        container.style.setProperty('--grid-rows', rows);        container.style.setProperty('--grid-cols', columns);        for (c = 0; c < (rows * columns); c++) {            let cell = document.createElement("div");            //cell.innerText = (c + 1);            container.appendChild(cell).className = "grid-item";        }        }        //Draw Board    makeRows(16, 16);        //Paint on board    const paint = document.querySelector("div.grid-item");            paint.addEventListener('mouseover', function(){            let paintBrush = document.getElementsByClassName('grid-item');                        for (let i = 0; i < paintBrush.length; i++)            {                paintBrush[i].style.backgroundColor = "black";            }            console.log("AHH HELP AHH");                });CSS：:root {    --grid-cols: 0;    --grid-rows: 0;  }    #container {    display: grid;    padding: 10em;    height: 40vh;    width: 50vh;    margin-left: auto;    margin-right: auto;    grid-template-rows: repeat(var(--grid-rows), 1fr);    grid-template-columns: repeat(var(--grid-cols), 1fr);      }    .grid-item {    padding: 1em;    border: 1px solid #ddd;    text-align: center;  }