JSFiddle - React, Tailwind, and code Playground

by taylorbuley

JavaScript

window.parade = window.parade || {};

var config = {
    "pubdate": new Date(),
    "published": true,
    "personalities": [
        { "image": "http://www-dev.parade.com/wp-content/uploads/2013/05/baby-iq-ftr-300x187.jpg",
         "name": "Harry Potter",
         "description": "Harry is a wizard in year 7."
        }, { "image": "http://www-dev.parade.com/wp-content/uploads/2013/05/beyonce-personality-ftr-300x187.jpg",
         "name": "Hermione Granger",
         "description": "Wicked smart."
        }, { "image": "http://www-dev.parade.com/wp-content/uploads/2013/05/sytycd-ftr.jpg",
         "name": "Ron Weasley",
         "description": "Ron <3's Hermione."
        }
    ],
    "questions": [
        { "text": "This is an example?",
         "answers": [
             {"a": "Answer number one"},
             {"b": "Answer number two"},
             {"c": "Answer number three"},
             {"d": "Answer number four"}]
        }
    ]
};

var ViApp = function( appConfig ) {
    var x = 0, xlen = appConfig.personalities.length, xitem;
    for ( x = 0; x < xlen; x += 1 ) {
        this.setupPersonality( appConfig.personalities[ x ] );
    }
};

ViApp.prototype.setupPersonality = function(personality) {
    alert(personality.name + personality.description);
}

var app = new ViApp( config );