User:Bilalwaheed099/API-Demo.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

$(document).ready( function(){
	
	//it is assumed that there is an html component with a class named "gadgets"
	//this component will be populated with the fetched data from the API
	$.get( "https://en.wikipedia.org/w/api.php?action=query&prop=gadgets", function( data ) {
	  $( ".gadgets" ).html( data );
	  alert( "The page contains the following list of gadgets." );
	});	
	
});