Fetch

//Utilizing the Fetch API to send XHRs

//Because fetch is native to the browser you can just call it

//The default behavior for Fetch is to GET
fetch("https://api.icndb.com/jokes/random")
    .then(res => res.ok? res.json() //Because Fetch does not throw an error on status messages we do our own manual check here
        .then(parsedData => alert(parsedData.value.joke)) //parse the data and output the joke via alert
        : 
        alert(<code>Something was wrong with the request: ${res.status}:${res.statusText} </code>)  //Send an alert/toast describing what the response status was
    )
    .catch((err) => alert(err)) //Fetch will throw an error with errors other than HTTP status errors (like if you don't have a network connection)