Using plain vanilla javascript to create square div containerSize * containerSize
- Create inside it numberOfChildren square elements which:
- do no overlap each other
- are fully contained within the container div
- do not stretch container and not showing the scroll
- has size childSize * childSize (squares)
- has random background color
- In case container cannot fit numberOfChildren:
- render as much children as container can fit and show message for the user about actual rendered number of children inside container.
- When hover, child squares should change background colors randomly
- When hover it longer than 2 seconds child square disappears
- drawContainer(310, 200, 4);
- drawContainer(413, 42, 30);
- drawContainer(200, 300, 2);