Question: This is the card game where the user must select different cards to flip them and see if they get a match The Assignment: Provide

 This is the card game where the user must select different

This is the card game where the user must select different cards to flip them and see if they get a match

The Assignment: Provide a JavaScript/HTML/CSS code solution for the following scenario. The Scenario: You are required to build a one-player version of the classic card game Memory'. Memory is a card game in which all cards are laid face down on a surface, and two cards are flipped face up on each turn. The object of the game is to turn over pairs of matching cards. We will limit the number of bells and whistles to keep the focus on learning JS. Build your game with the following guidelines: 1. No CSS/HTML frameworks, for example, bootstrap, are to be used on this project. 2. Use a 4 x 4 HTML table layout to hold your images. Your images don't necessarily need to be playing cards. 3. At the beginning of the game, all the table cells should be a neutral colour. 4. When the user clicks a card, the image for that table cell should be displayed. When the second image is clicked, if it matches the first, both images stay flipped (visible); otherwise, revert to the neutral colour. 5. Clicking on an image that is already flipped has no effect. 6. When all the matching pairs have been found, display a congratulatory message in the browser. 7. Feel free to create your variables, function and objects in a manner you deem necessary. However, marks will be awarded for demonstrating the ideas learnt during the term

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!