Pixel Maker Lab with JavaScript

During learning the Javascript course, this little project seems fun and can be extended to more fancy functions.

Here is the pure JavaScript way.
HTML

html

The whole page is divided into two parts: left is the control menu named #select, and the right is the canvas display content named #canvas.

CSS

css1

css2

The two parts are positioned by percentages.

css3

Every table grid is a 30px square with a border.

JS: