Basics-02
Last updated
Was this helpful?
Last updated
Was this helpful?
Get to your submission folder under exercises/javascript-basics-02
Each step has a prepared html file to work with, use it
You should create a javascript file for each step whitin the step folder.
e.g : step_1 => index.html + Step_1.js
COMMIT AFTER EACH STEP, call each commit by the name of the step
Learn basic DOM operations
Competencies:
mouseover
form events
functions
Target the image (use querySelector
)
Add an event listener to it (use onMouseOver
or addEventListener
)
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
or addEventListener
)
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 pull request