How would i make a request to the etsy api? I want the grid_cell div to show the results for something typed into the search bar. The grid_cell div should display an image for whatever the user searches for. Jsfiddle. Click Here
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="dist/style.css">
</head>
<body>
<header id="top">
<div class="container_nav">
<div class="logo_nav" >
<a class="log "href="https://medium.com/@jestradaf22">Etsy</a>
</div>
<div class="search_nav">
<form id="searchbox_nav" action="">
<input id="search" type="text" placeholder="Search For Items">
<input id="submit" type="submit" value="Search">
</form>
</div>
<div class="browse_nav">
<span class="browse_text">Browse</span>
</div>
</div>
</header>
<div class="content">
<div class="aside_all">
<h5>Show Results For:</h5>
<div class="aside_outer">
<div class="aside_inner">
<ul>
<li>
<a class="aside_links" href="#"><span class="aside_text">Beer</span>
</li>
<li>
<a class="aside_links" href="#"><span class="aside_text">Sports</span>
</li>
<li>
<a class="aside_links" href="#"><span class="aside_text">Cars</span>
</li>
<li>
<a class="aside_links" href="#"><span class="aside_text">Guns</span>
</li>
<li>
<a class="aside_links" href="#"><span class="aside_text">Grilling Stuff</span>
</li>
<li>
<a class="aside_links" href="#"><span class="aside_text">Tools</span>
</li>
<li>
<a class="aside_links" href="#"><span class="aside_text">Beards</span>
</li>
<li>
<a class="aside_links" href="#"><span class="aside_text">Beard Accessories</span>
</li>
<li>
<a class="aside_links" href="#"><span class="aside_text">Bare Knuckle Boxing</span>
</li>
<li>
<a class="aside_links" href="#"><span class="aside_text">Explosions</span>
</li>
<li>
<a class="aside_links" href="#"><span class="aside_text">More Manly Things</span>
</li>
</ul>
</div>
</div>
</div>
<div class="grid">
<div class="grid_info">
<div class="grid_left">
<span>
<a class="grid_info_link" href="#" title="All Categories"><span class="grid_info_etzy">All Categories</span></a>
</span>
<span class="grid_info_api">Test</span>
</div>
<div class="grid_right"><span class="grid_info_common">Sort By:<span class="grid_info_etzy">Revelancy</span></span></div>
</div>
<div class="grid_inner">
<div class="grid_cell">
<div class="cell_info">
<div id="etsy_item" >
<a href="#">
<img src="${url}">
</a>
</div>
<div class="etsy_details_box">
<div class="etsy_details">
<p/>test item details</p>
</div>
<div class="etsy_details_seller">
<p>Test Seller<span class="etsy_seller_price">Test</span><p>
</div>
</div>
</div>
</div>
<div class="grid_cell">
<div class="cell_info">
<div id="etsy_item" >
<a href="#">
<img src="${url}">
</a>
</div>
<div class="etsy_details_box">
<div class="etsy_details">
<p/>test item details</p>
</div>
<div class="etsy_details_seller">
<p>Test Seller<span class="etsy_seller_price">Test</span><p>
</div>
</div>
</div>
</div>
<div class="grid_cell">
<div class="cell_info">
<div id="etsy_item" >
<a href="#">
<img src="${url}">
</a>
</div>
<div class="etsy_details_box">
<div class="etsy_details">
<p/>test item details</p>
</div>
<div class="etsy_details_seller">
<p>Test Seller<span class="etsy_seller_price">Test</span><p>
</div>
</div>
</div>
</div>
<div class="grid_cell">
<div class="cell_info">
<div id="etsy_item" >
<a href="#">
<img src="${url}">
</a>
</div>
<div class="etsy_details_box">
<div class="etsy_details">
<p/>test item details</p>
</div>
<div class="etsy_details_seller">
<p>Test Seller<span class="etsy_seller_price">Test</span><p>
</div>
</div>
</div>
</div>
<div class="grid_cell">
<div class="cell_info">
<div id="etsy_item" >
<a href="#">
<img src="${url}">
</a>
</div>
<div class="etsy_details_box">
<div class="etsy_details">
<p/>test item details</p>
</div>
<div class="etsy_details_seller">
<p>Test Seller<span class="etsy_seller_price">Test</span><p>
</div>
</div>
</div>
</div>
<div class="grid_cell">
<div class="cell_info">
<div id="etsy_item" >
<a href="#">
<img src="${url}">
</a>
</div>
<div class="etsy_details_box">
<div class="etsy_details">
<p/>test item details</p>
</div>
<div class="etsy_details_seller">
<p>Test Seller<span class="etsy_seller_price">Test</span><p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
