Create a grid of color squares that allows users to explore different color combinations by generating new palettes.
- The page displays a grid of squares, each representing a color in a palette.
- Initially, each square is filled with a random color.
- Users can generate a new palette by clicking a "Generate Palette" button.
- Using DOM navigation, access and modify each square to change its color every time a new palette is generated.
- Use methods like
querySelectorAll
to select all palette squares. - Access and modify individual squares using
childNodes
orchildren
. - Change the color of each square by iterating through the palette elements and updating them via the DOM.