Por que quando eu clico em pesquisar ao invés de aparece a mensagem fica tudo em branco? só aparece a mensagem quando eu tiro o "s" dentro do codigo como na aula?
mostrarVideos.js
import { conectaApi } from "./conectaAPI.js";
const lista = document.querySelector("[data-lista]");
export default function constroiCard (titulo, descricao, url, imagem){
const video = document.createElement("li");
video.className = "videos__item";
video.innerHTML = `<iframe width="100%" height="72%" src="${url}"
title="${titulo} " frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
<div class="descricao-video">
<img src="${imagem} " alt="logo canal alura">
<h3>${titulo}</h3>
<p>${descricao} </p>
</div>`
return video;
}
async function listaVideos(){
try{
const listaApi = await conectaApi.listaVideos();
listaApi.forEach(elemento => lista.appendChild(constroiCard(elemento.titulo , elemento.descricao,elemento.url , elemento.imagem)))
}catch{
lista.innerHTML = `<h2 class = "mensagem__titulo"> Não foi possivel carregar a lista de videos </h2>`
}
}
listaVideos();