通过JavaScript将功能重置按钮设置到草图板网站

如何解决通过JavaScript将功能重置按钮设置到草图板网站

我正在制作一个重置按钮，用于清除草图区域的所有颜色，并将其恢复为白色。

这是我的素描区域中的JS代码：

// create main 16*16 div

    function generateGrid(pixles)
    { 
        container.style.setProperty('--grid-rows',pixles);
    
        container.style.setProperty('--grid-cols',pixles);
        for (let i = 0; i < (pixles*pixles); i++)
        {
            let square = document.createElement("div");
            container.appendChild(square).className = "grid-item";
        }
        // First event: hovering on grids,colors change from white to black
        document.querySelectorAll(".grid-item").forEach(item => {
            item.addEventListener('mouSEOver',() => { item.style.backgroundColor = 'black'; });
        })
    }
    generateGrid(16);

---

在html中创建了重置按钮，这是我在JS中添加的功能，但无法正常工作：

//reset button

    document.getElementsByClassName("reset-btn").onclick=
    
    function cleargrid() {
    
        document.getElementsByClassName("grid-item").reset();
    
    };
    
    cleargrid();