Snippets Collections
const searchForm = document.querySelector("form");
2
const searchResultDiv = document.querySelector(".search-result");
3
const container = document.querySelector(".container");
4
let searchQuery = "";
5
const APP_ID = "Use Your Own App ID Here";
6
const APP_key = "Use Your Own App Key Here";
7
// console.log(container)
8
searchForm.addEventListener("submit", (e) => {
9
  e.preventDefault();
10
  searchQuery = e.target.querySelector("input").value;
11
  fetchAPI();
12
});
13
​
14
async function fetchAPI() {
15
  const baseURL = `https://api.edamam.com/search?q=${searchQuery}&app_id=${APP_ID}&app_key=${APP_key}&from=0&to=20`;
16
  const response = await fetch(baseURL);
star

Fri Jun 17 2022 18:42:45 GMT+0000 (Coordinated Universal Time) https://codepen.io/Web_Cifar/pen/oNxLYRY?editors

#js #api #food #recipe

Save snippets that work with our extensions

Available in the Chrome Web Store Get Firefox Add-on Get VS Code extension