Basics-03

• Get to your submission folder under exercises/javascript-basics-03

• 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

Goals:

• Understand how to style DOM objects through Javascript

• Competencies:

  • style attribute

  • some style properties

References

• https://www.codecademy.com/learn/learn-javascript

• http://eloquentjavascript.net/

• https://learnxinyminutes.com/docs/javascript/

Step 1:

1. When mouse is over the image, add a 3px solid red border

2. Commit

Step 2:

1. show or hide the text depending on which anchor (a tag) is clicked.

2. do it with one function!

3. Commit

Step 3

1. change the text's color depending on the color clicked

2. Commit

Step 4

1. Change the inputs' borders to red if the passwords don't match

2. Commit