Move grid listeners to separate function

script.js

@@ -26,7 +26,9 @@ function createGrid() {
     for (let i = 0; i < gridArea; i++){
         container.appendChild(grid.cloneNode(true));
     }
+}
 
+function setGridListeners() {
     const gridItems = document.querySelectorAll(".grid");
 
     gridItems.forEach((item) => {
@@ -36,7 +38,6 @@ function createGrid() {
     gridSlider.addEventListener("input", getGridDimensions);
 }
 
-
 function getGridDimensions() {    
     numGrid = gridSlider.value;
     while (container.firstChild) {
@@ -86,4 +87,5 @@ function rgbColor() {
 
 }
 
-createGrid();
+createGrid();
+setGridListeners();