Feed Fetch AJAX Demo

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<div id="feed"></div>
<button class="button">Random Chuck Norris Joke</button>

JavaScript

function fetchFeed() {
		  $.ajax({
		    url: 'https://api.icndb.com/jokes/random',
		    dataType: 'json',
		    type: 'GET',
		    success: function(data) {
		      var output = '<p>' + data.value.joke + '</p>';
		      $('#feed').html(output);
		    },
		    error: function(jqXHR, exception) {
		      if (jqXHR.status === 0) {
		        var output = '<p>Unable to access WordPress Posts. Please check your URL and try again!</p>';
		      } else if (jqXHR.status == 404) {
		        var output = '<p>The requested page not found. [404]</p>';
		      } else if (jqXHR.status == 500) {
		        var output = '<p>Internal Server Error [500].</p>';
		      } else if (exception === 'parsererror') {
		        var output = '<p>Requested JSON parse failed.</p>';
		      } else if (exception === 'timeout') {
		        var output = '<p>Time out error.</p>';
		      } else if (exception === 'abort') {
		        var output = '<p>Ajax request aborted.</p>';
		      } else {
		        var output = '<p>Uncaught Error.\n' + jqXHR.responseText + '</p>';
		      }
		      $('#feed').html(output);
		    }
		  });
		}

		$('button.button').click(function() {
		  fetchFeed();
		});

		fetchFeed();