Can someone help with this?

Question

Write an if statement that checks whether there are any skills in the bio object.
If the if statement evaluates to true, . append() HTMLskillsStart to the div with id=header.
Then .append() the skills to the element with id=skills using HTMLskills to format each skill.
Here is the object if that helps:
var bio = {
    "bio": [{
        "name": "Gary",
        "role": "Web Developer",
        "contact": [{
            "mobile": 5555555555,
            "email": "garyterellchristie@gmail.com",
            "github": "GChristie1"
            "location": "Orlando, FL",
            "facebook": "GaryTerellChristie"
        }],
        "picture": "..images/fry.jpg",
        "welcomeMessage": "Hey there",
        "skills": ["Web Developer", "License Insurance Agent", "Fast Typer", "Bishop"]
    }]
};

Steven Parker · Answer

A link to the course video or challenge would be helpful.  Unless the link points to Udacity.   :stuckouttongue:
This can't be complete since I don't have the API for HTMLskills.  But I can give you a few hints:
This object is deeply nested and contains arrays.  Just to count them, you'd need a loop, something like this:
js
var total = 0
for (n in bio.bio)
  total += bio.bio[n].skills.length;

Then you could test total.
Then to select "div with id=header" you'd use $("div.header") (you're using JQuery, right)?  And "the element with id=skills" is just $("#skills").
I hope that'll get you going.

Welcome to the Treehouse Community

Looking to learn something new?

Gary Christie

Gary Christie

Can someone help with this?

1 Answer

Steven Parker

Steven Parker