Fiz os códigos de acordo com a aula da imersão e o resultado da pesquisa em java aparece em branco
O código em html é o mesmo da aula e o js é este:
const resultArtist = document.getElementById("result-artist"); const playlistContainer = document.getElementById("result-playlists"); const searchInput = document.getElementById("search-input");
function requestApi(searchTerm) {
fetch(http://localhost:3000/artists?name_like=${searchTerm})
.then((response) => response.json())
.then((results) => displayResults(results));
}
function displayResults(results) { hidePlaylists(); const artistImage = document.getElementById("artist-img"); const artistName = document.getElementById("artist-name");
results.forEach((element) => { artistImage.src = element.urlImg; artistName.innerText = element.name; }); resultArtist.classList.remove("hidden"); }
function hidePlaylists() { playlistContainer.classList.add("hidden"); }
searchInput.addEventListener("input", function () { const searchTerm = searchInput.value.toLowerCase(); if (searchTerm === "") { resultArtist.classList.add("hidden"); playlistContainer.classList.remove("hidden"); return; } requestApi(searchTerm); });
