#javascript #tutorial #kurs
00:00:00 fetch
00:06:29 async/await
00:08:55 projekt
// fetch = Funktion, die für HTTP-Anfragen verwendet wird, um Ressourcen abzurufen.
// (JSON-Daten, Bilder, Dateien)
// Vereinfacht das asynchrone Abrufen von Daten in JavaScript und
// wird verwendet, um mit APIs zu interagieren, um Daten
// asynchron über das Web abzurufen und zu senden.
// fetch(url, {options})
async function fetchData(){
try{
const pokemonName = document.getElementById("pokemonName").value.toLowerCase();
if(!response.ok){
throw new Error("Ressource konnte nicht abgerufen werden");
}
const data = await response.json();
const pokemonSprite = data.sprites.front_default;
const imgElement = document.getElementById("pokemonSprite");
imgElement.src = pokemonSprite;
imgElement.style.display = "block";
}
catch(error){
console.error(error);
}
}