JSFiddle - React, Tailwind, and code Playground

by Newman5

JavaScript

//Making a Request Quiz - Udacity CS255


//create a function ' parseJSON' and pass in 'weaponJSON'
parseJSON = function (weaponJSON) {
    
    //create a new var parsedJSON set to JSON.parse of 'weaponJSON'
    parsedJSON = JSON.parse(weaponJSON);
    
    //return certain element from the parsedJSON variable
    return parsedJSON['frames']['chaingun_impact.png']['spriteSourceSize']['x'];
};

// Create a new XMLHttpRequest object
var weaponXHR = new XMLHttpRequest();

var setup = function() {
// 1) The HTTP method to use, in our case we want
//    "GET".
// 2) The resource to request, in this case we're
//    interested in "/media/js/standalone/libs/gamedev_assets/weapon.json".
// 3) A boolean indicating whether or not we want
//    the request to be asynchronous or not. True
//    means we do want it to be asynchronous.
    weaponXHR.open("GET", "http://udacity.com/media/js/standalone/libs/gamedev_assets/weapon.json", true);


// After that, we want to define the onload method
// of the request to be our parsing function from
// before. We've included that code above for
// reference. A few things to keep in mind here:
//
// 1) This function can't take any parameters.
// 2) Instead of parsing 'weaponJSON', we'll need
//    to parse the 'responseText' member of the
//    request object.
// 3) You can access the request object inside
//    your 'onload' function by using the 'this'
//    keyword.
    weaponXHR.onload = function(){
    return parseJSON(this.responseText);
}


// Finally, we want to call the send method of the
// request object to actually send the request.
weaponXHR.send();

//close the setup function
};