cutiegirl526 / cmd_ctr Goto Github PK

In this project, we will continue to work with Javascript and HTML but also include manipulating the CSS.

Create a simple web application using HTML, Javascript (js) and CSS to create interactive boxes. You will apply the two js events previously researched and change the background color of the boxes.

• Sublime Text
• Chrome
• Terminal

At the end of this exercise you should understand:

• HTML elements and classes
• JS event handling
• JS methods for CSS

1. Fork this repo
2. Create a sub folder inside your root folder named cmd_ctr
3. Create an index.html
4. Create a js folder with an app.js file inside
5. Create a css folder with a style.js file inside
6. Create your HTML structure.
7. Link your style.css and app.js files

HTML structure: for each event example

• Create a div with a class container
• Create one box with the id box
• Add your js event

Javascript

• Create a global variable that gets the element with the box id
• Create a function named red that changes the background color of the box to red.

CSS

• Style your box(es)
• Hint the size should be atleast 100x100

• Create two more boxes and change their colors.
• Or you can choose two more events

• DOM Obj Events