Objects, Arrays and DOM -- Oh my

Students will create a 1D array of object for a character. Using Array and Object methods they will add values to display the character through the DOM.

Required

Tools

• Sublime Text
• HTTP-Server
• Chrome

Knowledge

• Accessing Arrays
• Accessing Objects
• Assigning values to DOM elements

Your Mission

1. Fork and Clone
2. Follow the instructions in the app.js
3. In the assets folder you will find character profiles
4. Create your character
5. Good luck!

Stretch Goal

1. Since you only added one character WHY NOT BOTH!?
2. Add your new character to a new container2
3. Need more of a challenge? Add your new character using only Javascript
4. Let's also give them names. Added their named to the h1

Resource links

• Array Methods
• Object Methods
• Deeper Objects
• Adding Image Elements
• Adding Styles