First project of JavaScript Rock Paper Scissors, again from The Odin Project
- Got the Basic understanding of JavaScript
- How to declare variables in different ways?
- Which to use when?
- Some rules for naming variables
- Operators, Operands and Operations
- Difference between
==and=== - Operator precedence
- Eight data types
- Quotes (single, double and backtick)
- What a method in
- Logical operators
- Comparison Operators
- Conditionals
- Nesting
- Truthy and Falsy values
- Developer Tools
- Change screen size
- View and change the DOM
- Debug JavaScript
- Breakpoints
- Resource Panel to check if the scripts running of a website
- Add CSS Pseudostate to a Class
- View CSS properties in Alphabetical Order
- View and edit the Box Model
- View a page in print mode
- Enable or Disable CSS Style
- Simulate media queries in Device Mode
- Functions
- Define and invoke different kind of functions
- Use the return value
- function scope
- Pseudocode
- JavaScript errors
- DOM Manipulation and Events
- What the DOM is in relation to a webpage
- Difference between "node" and an "element"
- How to target nodes with "selectors"
- Basic methods for finding/adding/removing and altering DOM node.
- Difference between "nodelist" and an "array of nodes".
- Bubbling
- Git Branches
The project is a simple implementation of grade-school classic “rock paper scissors”. If you don’t know what that is check the Wikipedia article or this ridiculous step-by-step. In the start screen there is an optional field of Name and option to select number of win required to win match (default is 3). The match will be between person and computer. Computer select Rock, Paper or Scissors randomly.
Live: https://szmazhr.github.io/odin-rock-paper-scissors/
Start Screen:
Main Screen:
The outcomes listed above are not necessarily used in the project. They are just a summary of what I learned, through TheOdinProject's Curriculum, between previous project and the current one.
Vector Graphics from freesvg