Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

JavaScript Objects

Preview

Start a free Courses trial
to watch this video

Sign up for Treehouse

Build an Object Challenge

1:17 with Guil Hernandez

It's time to put your knowledge of JavaScript Objects to the test. In this practice challenge, you'll use JavaScript loops, arrays, and objects to create a script that builds a pet directory, then displays it on the page.

This is a two-part challenge!

We'll work through this code challenge over the course of the next few videos. Don't worry if some things are confusing at first - we'll walk through the solutions each step of the way!

This video introduces part one of the coding challenge.

Part One - Creating a Data Structure

In part one, we'll create a data structure for the information you'll want to display in the browser. Your challenge is to create an array of objects containing information about different pets. You don't need to worry about making anything appear in the browser just yet!

Your workspace will contain a directory full of pet images to use in this step, so make sure you've looked inside the img folder to properly reference the file names .

The next video in this sequence will show you one solution to this part of the challenge, and provide you with an example about how the information could be structured.

We'll then move on to introduce part two of the challenge, and look at how we can implement a loop to access the information for each pet object in your array.

Take this challenge one step at a time, and don't worry if you need to step ahead to the solution!

Resources

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    All right, it's time to put your knowledge of JavaScript objects to the test. 0:00
    In this practice challenge, you'll use JavaScript loops, arrays, and objects to 0:04
    create a script that builds a pet directory then displays it on the page. 0:09
    This is what it's gonna look like. 0:13
    To get started, launch the new workspace with this video, or open the challenge and 0:14
    the project files using your preferred text editor. 0:19
    The file pets.js is already linked to index.html and 0:22
    contains a comment providing instructions for this challenge. 0:27
    This is a two step challenge. 0:30
    For this first step, you'll create a data structure to hold information about pets. 0:32
    This might be an array named pets, for instance. 0:37
    The array should contain a list of objects. 0:40
    Each object should represent a pet and 0:42
    needs to have the following properties, name, type, and breed. 0:45
    Also an age property that points to the pet's age, so 0:50
    it should be a number value, and a property named photo that's assigned 0:53
    a string containing one of the image file names located inside the image folder. 0:58
    For example pug.jpg, golden.jpg, and so on. 1:03
    You'll need to create at least five pet objects. 1:07
    In the next video, I'll show you my solution to this part of the challenge. 1:10
    Good luck and have fun. 1:14

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up