Dart Board

Dart Board that can be edited for use in game play. Click the dartboard to begin, then use the space bar to target and launch.

Prompt

Note: If you are playing this game embedded inside a webpage, you may need to tap or click on the game area once with your finger or mouse to give it "focus" before the keyboard will be recognized by the browser.

Can you code in html, css, and JavaScript a complete, self-contained, and embeddable dartboard game that looks like a regulation dartboard with slightly fewer sections. Allow the user to launch the dart by pressing the spacebar as the dart scrolls quickly across the bottom of the screen. Make the dartboard have a navy blue, white, gray, and black theme. Make the dart have a whoosh sound when launched and a thunk sound when it hits the dartboard.

Iteration

Many players won’t have access to a touch screen device. Can you make the spacebar work more effectively? When I press the spacebar on my iPad’s keyboard, the game does not begin and dart selection level is not activated.