# 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 &#x20;

## Step 2:

1. show or hide the text depending on which anchor (a tag) is clicked.
2. do it with one function!
3. Commit &#x20;

## Step 3

1. change the text's color depending on the color clicked
2. Commit &#x20;

## Step 4

1. Change the inputs' borders to red if the passwords don't match
2. Commit &#x20;