Number match game

• Overview
• The challenge
• Link
• Built with
• What I learned
• Author

Overview

The challenge

This game is based on this course's project to put in practise some JavaScript concepts while having fun! The challenge is about matching the amount of objects/people/elements in the picture with the displayed number. I have customised my own design, went through every concept that was new for me, researched about it to get a deeper understanding and rebuilt this project over and over again till I understand everything completely. Try to practise on your own, google and make mistakes. If you get very stuck, have a look at the code.

Link

• Solution here

Built with

• HTML & CSS
• Responsive design
• JavaScript

What I learned

JavaScript concepts to learn and practise:

• Array of objects
• splice() and slice() methods
• Math.floor() and Math.random() methods
• Arrow functions
• DOM Manipulation: selectors, create and remove elements, style modifiers, event listeners, classes, etc.
• if... else statements and ternary operators
• setInterval(), clearInterval() and setTimeout() methods

Happy coding! 🤓

Author

• Website - www.cristina-padilla.com
• Twitter - @crispitipina