Answered step by step
Verified Expert Solution
Question
1 Approved Answer
Exercise 2 Create a file called checkers_play.html that contains Javascript code that creates a Web component called CheckerGame. The name of the custom element should
Exercise 2 Create a file called checkers_play.html that contains Javascript code that creates a Web component called CheckerGame. The name of the custom element should be checker-game. This element should contain text to describe the initial board game using the format describe in exercise 1. For example an game could be described by: -W-W-W-W-W W-W-W-W-W- -W-W-W-W-W W-W-W-W--- -B-------- -------- - -B---B-B-B B-B-B-B-B- -B-B-B-B-B B-B-B-B-B- The white spaces at the beginning of the line should be ignored. In addition to creating a depiction of the checkers games, Javascript in the the custom element must allow the game pieces to be dragged and dropped on an empty square. The code does not have to check if the move is valid. The CheckerGame code must: create a checkers game using HTML, CSS, and SVG, and provide event handlers that allow the pieces to be dragged and dropped. Exercise 2 Create a file called checkers_play.html that contains Javascript code that creates a Web component called CheckerGame. The name of the custom element should be checker-game. This element should contain text to describe the initial board game using the format describe in exercise 1. For example an game could be described by: -W-W-W-W-W W-W-W-W-W- -W-W-W-W-W W-W-W-W--- -B-------- -------- - -B---B-B-B B-B-B-B-B- -B-B-B-B-B B-B-B-B-B- The white spaces at the beginning of the line should be ignored. In addition to creating a depiction of the checkers games, Javascript in the the custom element must allow the game pieces to be dragged and dropped on an empty square. The code does not have to check if the move is valid. The CheckerGame code must: create a checkers game using HTML, CSS, and SVG, and provide event handlers that allow the pieces to be dragged and dropped
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started