Make a javascript canvas rectangle clickable

Question

I am creating a simple calculator. Here it is. I am almost done with the basic design but I am confused on how to make the buttons clickable? One trick could be to make a di

Answer 1

A possibility would be to use an actual image of a calculator, then you could use HTML map to define where the buttons are.

Updated: here is an example of map/area in use, similar to the SVG example given elsewhere on this page.