10h30/odin-etch-a-sketch
1
0
Fork 0
mirror of https://github.com/10h30/odin-etch-a-sketch.git synced 2026-07-17 13:43:20 +09:00
Code Issues Packages Projects Releases Wiki Activity

Make Grid

Browse Source
This commit is contained in:
Thuan Bui
2025-02-23 10:30:17 +09:00
commit ee249f5c7c
3 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
script.js
+11
View File
@@ -0,0 +1,11 @@
const container = document.querySelector(".container")
const containerWidth = document.querySelector(".container").clientWidth;
console.log(containerWidth)
for (let i=0; i < 16*16; i++) {
const squareBox = document.createElement("div")
container.appendChild(squareBox)
squareBox.setAttribute('class', 'grid')
squareBox.style.width= containerWidth / 16 + "px";;
squareBox.style.height= containerWidth / 16 + "px";;
}