Segui todos os passos da aula 04, porem ao testar o campo input e monitorar no navegador, rede, Fetch , simplesmente mostra [ ], Nenhuma propriedade, meu SO e Windows 11, se alguém puder dar essa ajudar, deixarei a baixo somente o js e .json o restante dos arquivos, esta presente em imersões aqui na plataforma da alura.
const searchInput = document.getElementById('search-input');
const resultArtist = document.getElementById("result-artist");
const resultPlaylist = document.getElementById('result-playlists');
function requestApi(searchTerm) {
const url = `http://localhost:3000/artists?name_like=${searchTerm}`
fetch(url)
.then((response) => response.json())
.then((result) => displayResults(result))
}
function displayResults(result) {
resultPlaylist.classList.add("hidden")
const artistName = document.getElementById('artist-name');
const artistImage = document.getElementById('artist-img');
result.forEach(element => {
artistName.innerText = element.name;
artistImage.src = element.urlImg;
});
resultArtist.classList.remove('hidden');
}
document.addEventListener('input', function () {
const searchTerm = searchInput.value.toLowerCase();
if (searchTerm === '') {
resultPlaylist.classList.add('hidden');
resultArtist.classList.remove('hidden');
return
}
requestApi(searchTerm);
})
artists.json
{
"artists": [
{
"id": 1,
"name": "Foo Fighters",
"genre": "Rock",
"urlImg": "https://i.scdn.co/image/ab67616100005174c884df599abc793c116cdf15"
},
{
"id": 2,
"name": "Michael Jackson",
"genre": "Pop",
"urlImg": "https://i.scdn.co/image/ab676161000051740e08ea2c4d6789fbf5cbe0aa"
},
{
"id": 3,
"name": "Emicida",
"genre": "Hip Hop",
"urlImg": "https://i.scdn.co/image/ab67616100005174908b4b4bc90e1518b68b4068"
},
{
"id": 4,
"name": "Chitãozinho e Xororó",
"genre": "Sertanejo",
"urlImg": "https://i.scdn.co/image/ab676161000051744606c59411c57f7b49588be4"
},
{
"id": 5,
"name": "Mc Coringa",
"genre": "Funk",
"urlImg": "https://i.scdn.co/image/ab67616d00001e02fe8f6dd361ad0f12b88c7f56"
},
{
"id": 6,
"name": "Arlindo Cruz",
"genre": "Samba",
"urlImg": "https://i.scdn.co/image/ab67616100005174181873f93056642d7b340839"
},
{
"id": 7,
"name": "Caetano Veloso",
"genre": "MPB",
"urlImg": "https://i.scdn.co/image/ab67616100005174e98de50f36cf1aa4bf047757"
}
]
}