Modify the html file to add a second red square to the canvas area. Modify the html file to cause the first red square to become 50% transparent when the mouse pointer is colliding with it, and completely opaque when not (no collision).

Modify the html file to cause the second red square to become blue when the mouse pointer is colliding with it, and red when not (no collision).

A collision with either square should make the text read: "Collision!", otherwise it should read "No collision..." (also you should still have only 1 text area, not one for each square).

Don't know how to do this assignment? Looking for any help in coding