1
resposta

[Bug] Problemas com o video.innerHTML

Boa tarde, eu estou com um problema e não sei como resolver, neste código na linha do video.innerHTML está tendo um erro no final dela que fala: Literal de cadeia de caracteres não finalizado.

Isso não me permite continuar a aula, como resolvo isso?

const lista = document.querySelector("[data-lista]");

function constroiCard() {
    const video = document.createElement("li");
    video.className = "videos__item";
    video.innerHTML = ' <iframe width="100%" height="72%" src="https://www.youtube.com/embed/pA-EgOaF23I"
    title="YouTube video player" frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen></iframe>
<div class="descricao-video">
    <img src="./img/logo.png" alt="logo canal alura">
    <h3>Qual é o melhor hardware para programação com Mario Souto</h3>
    <p>236 mil visualizações</p>
</div>'

return video;
}
1 resposta

Olá Arthur, para usar uma string em várias linhas (uma abaixo da outra) é preciso usar `, com ' ou " não irá funcionar.