This is just an update on my prototype software release, Guess Codes / Mastermind.
I have found out that the way HTML5/Canvas handles mouse/click positions can vary with each browser and so the results were unpredictable. It works fine with IE 11, Windows 7, with a certain screen size, but when you use Ipad, or Firefox, there are compatibility problems, and when you use Chrome, the cursor positioning is off.
Everything else seems to work fine, but I have to try to create more generic code that will work across all browsers if I am to use the new Canvas features of HTML5 in this type of way. Here I used virtual buttons based on position and different browsers handle position in different ways.
Thanks to everyone for the feedback and I will let everyone know when I have a more generic version available. I am sure that my code solutions will be of value to those folks who would like to use JavaScript with HTML5, and Canvas.
Please let me know if you have any questions.
Phil Gennuso