Move grid listeners to separate function

This commit is contained in:
lolabird 2023-11-10 07:29:20 -07:00
commit 7d45db79e2

View file

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