<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>ajax demo</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" href= "https://fonts.googleapis.com/css2?family=Averia+Serif+Libre&display=swap" > <link rel="stylesheet" href="styles.css"> <script src="jquery-3.6.0.min.js"></script> <script src="underscore-umd-min.js"></script> <script src="ajax.js"></script> </head> <body> <h1>ajax demo</h1> <main> <div> <p> Pulling data from <a href="https://github.com/davemachado/public-api" >Dave Machado's public-apis github project</a>.</p> <p>Click on a category, then scroll down to the bottom to see the matches.</p> <p>This isn't pretty, but it does demonstrate (a) AJAX, (b) jQuery, (c) underscore.js ... check out the javascript code for the details.</p> <p>Sources : <a href="ajax.html?html">html</a> | <a href="styles.css?html">css</a>| <a href="ajax.js?html">js</a> </ul> <div> <h3>Categories</h3> <ul id="categoryList"></ul> </div> <div> <h3>Entries</h3> <div id="entries"></div> </div> <div id="message"></div> </main> <footer> <p>Jim Mahoney | <a href="https://cs.bennington.college">cs.bennington.college</a> | <a href="https://opensource.org/licenses/MIT">MIT LIcense</a> | September 2021</p> </footer> </body> </html>