diff --git a/script.js b/script.js index abac17f..40f1cad 100644 --- a/script.js +++ b/script.js @@ -1,16 +1,23 @@ -const container = document.querySelector(".container"); -const conWidth = container.clientWidth; -const conHeight = container.clientHeight -const grid = document.createElement("div"); -let numGrid = 16; -const gridArea = numGrid ** 2; -const gridWidth = conWidth / numGrid; -const gridHeight = conHeight / numGrid; +function createGrid(num) { + const container = document.querySelector(".container"); + const conWidth = container.clientWidth; + const conHeight = container.clientHeight + const grid = document.createElement("div"); + const gridArea = num ** 2; + const gridWidth = conWidth / num; + const gridHeight = conHeight / num; -grid.classList.add("grid"); -grid.style.width = gridWidth + 'px'; -grid.style.height = gridHeight + 'px'; + grid.classList.add("grid"); + grid.style.width = gridWidth + 'px'; + grid.style.height = gridHeight + 'px'; -for (let i = 0; i < gridArea; i++){ - container.appendChild(grid.cloneNode(true)); + for (let i = 0; i < gridArea; i++){ + container.appendChild(grid.cloneNode(true)); + } } + +let numGrid = 16; //will use this later to prompt user + +createGrid(numGrid); + +