Raw XHR

//Utilizing XHRs

//Initializing the XHR javascript object
const XHR = new XMLHttpRequest();

    //There are 5 states an XHR object can be in
    /*
    0 - Unsent : open() hasn't been called yet
    1 - Opened: open() has been called
    2 - Headers Received: send() has been called and headers and status can be veiewed
    3 - Downloading: responseText holds partial data
    4 - Done: operation is complete
    */

//The lowercase actually matters here on this function
XHR.onreadystatechange = () => {
    /*
    //This uncommented line below effectively states that if the XHR request is done and the response was OK (status 200) then send a toast/alert with the chuck norris joke from the 
    chuck norris jokes API.
    
    The responseText property holds the response from the XHR request in stringified form. 
    The function JSON.parse() parses the stringified JSON and turns it into a javascript object 
    We then send an alert with the data stored inside of object's value.joke property
    
    */
    (XHR.readyState == 4 && XHR.status == 200) ? alert(JSON.parse(XHR.responseText).value.joke) : null;
}  
    //These two lines "open" the XHR object and configures it to send to the designated endpoint (second parameter) and then calls the send() method to actually send the XHR off
XHR.open("GET", "https://api.icndb.com/jokes/random");
XHR.send();


//Try running this in Chrome Developer Console --> Press F12 go to console, copy and paste this code
//This will only work in a Browser that implements alert