JsON project 3

by Tim Morgan

HTML

<!DOCTYPE html>
<html lang="en">
    
    <head>
        <meta charset="utf-8" />
        <title>JavaScript And JSON</title>
    </head>
    
    <body>
        
<h2>Links</h2>

        <ol id="links"></ol>
        <script src="myscript.js"></script>
        <script src="http://iviewsource.com/exercises/json/data.json"></script>
    </body>

</html>

JavaScript

function dataHandler(info) {
    var output = '';
    for (var i = 0; i <= info.links.length - 1; i++) {
        for (key in info.links[i]) {
            if (info.links[i].hasOwnProperty(key)) {
                output += '<li>' +
                    '<a href = "' + info.links[i][key] +
                    '">' + key + '</a>';
                '</li>';
            }
        }
    }

    var update = document.getElementById('links');
    update.innerHTML = output;

}

dataHandler({
    "full_name": "Ray Villalobos",
        "title": "Staff Author",
        "links": [{
        "blog": "http://iviewsource.com"
    }, {
        "facebook": "http://facebook.com/iviewsource"
    }, {
        "podcast": "http://feeds.feedburner.com/authoredcontent"
    }, {
        "twitter": "http://twitter.com/planetoftheweb"
    }, {
        "youtube": "http://www.youtube.com/planetoftheweb"
    }]
});