Lab Activities for Craps on Canvas

The lab is meant to be free-form and open in terms of the specifics you may want to explore, but for those who would prefer a little more strucutre:

Basic Activities

Start with the basic craps game and create or modify the elements so it includes the following:

• Add headings (<h1> headingtext </h1>, etc.)
• Add a form field to represent the value of each die, and use JavaScript to write the value to the form.
• Add text to the canvas element to represent the outcome of each roll.
• Add CSS and ARIA elements to the page to enhance the layout and accessibility.

Advanced Activities

Perform the Basic Activities above and then complete the following:

• Add a bank
• Add the meter element as a control for the bank value, as well as a guage of the bank value.
• Employ a "float" element via CSS to position a portion of the interface.
• Use CSS to produce a visual indicator of focus when a person is on a form field.
• Use CSS to highlight the relevant rules during play.
• Use CSS to hide and display the rules.