estou tentando adicionar uma variavel que contem um elemento html no meu arquivo html, estou tentando usar o innerHTML += minhavar, o problema é que, eu tenho dois elementos para serem adicionados, um iframe e um paragrafo, quando adiciono iframe vai de boa, mas o paragrafo não adiciona.
function inserir() {
let nomeVideo = document.querySelector('#nome-video').value;
let linkVideo = document.querySelector('#link-video').value;
let itemVideo = `<div class="items-video">
<iframe src="${linkVideo}" frameborder="0" allowfullscreen>
<p>${nomeVideo}</p>
</div>`;
document.querySelector('#conteudo-videos').innerHTML += itemVideo;
}
<!--html-->
<div class="container-items" id="conteudo-videos">
</div>
Oque eu posso estar fazendo errado ?? lembrando que estou começando agora no javascript, então perdoem a noobise.