Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
29 views2 pages

Memory Game Task

The document outlines the requirements for developing a Memory Game using HTML, CSS, and JavaScript. Key tasks include creating a game board, implementing card flipping and matching logic, and ensuring a responsive design. Additionally, it specifies submission guidelines and terms regarding confidentiality and open-sourcing the code.

Uploaded by

Jeeva Rathinan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
29 views2 pages

Memory Game Task

The document outlines the requirements for developing a Memory Game using HTML, CSS, and JavaScript. Key tasks include creating a game board, implementing card flipping and matching logic, and ensuring a responsive design. Additionally, it specifies submission guidelines and terms regarding confidentiality and open-sourcing the code.

Uploaded by

Jeeva Rathinan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Memory Game Task

Task Description:

Develop a Memory Game where players flip cards to find matching pairs. This game
should be created using HTML for structure, CSS for styling, and JavaScript (DOM
manipulation) for game logic.

Task Requirements:

●​ Create a basic HTML layout with a container for the game board.
●​ Include a header with the game title and a restart button.
●​ Implement the game logic to handle card flipping. When a card is clicked, it
should flip to reveal the front face.
●​ Implement a shuffle function to randomize the card positions at the start of
the game.
●​ Track the state of the game (e.g., which cards have been flipped, which pairs
have been found).
●​ Implement the logic to check for matching pairs. If two cards match, they
should remain face-up. If they do not match, they should flip back after a
short delay.
●​ Add a restart function that resets the game board and shuffles the cards.
●​ Clean, well-documented code for HTML, CSS, and JavaScript.
●​ A responsive design that works well on both desktop and mobile devices.
●​ A brief README file explaining the project, how to set it up, and how to play
the game.

Techstacks needs to be used :

●​ HTML
●​ Css
●​ JsDom

How do I submit my work?


●​ Deploy your web application in Netlify (https://www.netlify.com).
●​ Push all your work files to GitHub.
●​ Submit your URLs in the portal.

Terms and Conditions?


●​ You agree to not share this confidential document with anyone.
●​ You agree to open-source your code (it may even look good on your profile!).
Do not mention our company’s name anywhere in the code.
●​ We will never use your source code under any circumstances for any
commercial purposes; this is just a basic assessment task.
NOTE: Any violation of Terms and conditions is strictly prohibited. You are bound to
adhere to it.

You might also like