- Fork this repository
- Clone your fork on your pc
- Each step has a prepared html file to work with, use it
- COMMIT AFTER EACH STEP, call each commit by the name of the step
- https://www.codecademy.com/learn/learn-javascript
- http://eloquentjavascript.net/
- https://learnxinyminutes.com/docs/javascript/
- Learn basic DOM operations
- Competencies:
- mouseover
- form events
- functions
- Target the image (use
querySelector
) - Add an event listener to it (use
onMouseOver
oraddEventListener
) - Change the image when the mouse is over it
- Commit 🔑
- Target the input (use
querySelector
) - When the input loses focus, show a dialog saying "thank you for participating!" (user
onblur
oraddEventListener
) - Commit 🔑
- Create a div
- target the div
- target the input
- When the input changes, display the new text in the div
- Commit 🔑
- When "Reset" is pressed, clear all fields in the form
- When "Reset" is pressed, show a "yes/no" dialog, and clear all fields IF the user presses "yes"
- Commit 🔑
- Same as Step 1, but with 5 images.
- Do it with one function!
- Commit 🔑🔑
- Same as Step 5, but restore the original image when mouse is out of the image.
- Do it with only two functions!
- Commit 🔑🔑
You finished Javascript Basics 1! Send a merge/pull request