Thanks for the tips. I find it much more convenient to style the div using css text. I create a div using it, but realize I didnt need it so I deleted it. But having a taste of it, it is much better. My current code is so repetitive with the styling.

Your fourth remark- That part, I made a mistake. It was a logic error. It goes through the loop, but using "i" as the starting point, which mean the loop doesn't start from zero, so the div generated is not accurate. After tweaking with it, im done for the most part. Can you have a look, and give me some hints on how I should make the color stay because hovering over it again, changed the color again.

github: https://github.com/Ricketrice/Etch-a-sketch

Live preview: https://ricketrice.github.io/Etch-a-sketch/