Skip to content

Files

Latest commit

 

History

History
 
 

javascript-basics-03

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 

Javascript Basics 3 - Style Manipulation 25x🔑

  • 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

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