Members
allDesserts :Array
En lista som lagrar alla hämtade recept från API:et
Type:
- Array
(constant) inputText :HTMLElement
- Textfältet där användaren skriver in sitt sökord
Type:
- HTMLElement
(constant) recipeHome :HTMLElement
- Platsen på hemsidan där receptkorten ska skrivas ut
Type:
- HTMLElement
(constant) searchBtn :HTMLElement
- Knappen som användaren klickar på för att söka
Type:
- HTMLElement
Methods
displayDesserts(recipes)
Denna funktion skapar HTML-koden för varje receptkort och visar dem på sidan.
Parameters:
| Name | Type | Description |
|---|---|---|
recipes |
Array | Listan med alla recept som ska visas upp. |
(async) loadData(query)
Denna funktion hämtar recept från Spoonacular och kollar sedan
näringsvärdet (fett, socker osv) via ett annat API.
Parameters:
| Name | Type | Description |
|---|---|---|
query |
string | Det ordet som användaren skriver i sökrutan. |
skjutKonfetti()
Skjuter ut konfetti på skärmen för att göra det lite roligare när man söker samt tydliggöra att knappen är klickad pga. hur långsam laddningstiden är.
- Source:
- See:
-
- https://www.youtube.com/watch?v=H3CqghZkHm8 Här hittade jag guiden för hur man gör.