Question: 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

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

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!