querySelector com valor null

Opa tudo em cima Cleyton ?

Então quando usamos o document.querySelector passamos um seletor, que nesse caso o seletor '[data-container]' refere-se ao Data Attributes do elemento Html.

Segue alguns exemplos de como usar os seletores:

Imagina esse seguinte html

<h1 class ="exemplo-class" id="exemplo-id" data-exemplo-h1><h1/>

Podemos pegar o valor desse elemento com os seguintes seletores:

//pegando pela classe
var h1Class = document.querySelector(".exemplo-class"); 

//pegando pelo data atribuite do  elemento 
var h1Data =  document.querySelector("[data-exemplo-h1]");

//pelo  id do elemento
var h1Id  = document.querySelector("#exemplo-id"); 

Dos três modos vai funcionar. Nesses link tem um conteúdo mais detalhado sobre esse tema seletores no query.Selector e data atribuites no html.

Espero ter ajudado :)

Opa tudo bem e contigo Mathues?

Já conhecia conceito de pegar pela classe e pelo elemento. Muito obrigado, consegui identificar o problema que estava chegando null usando o: const container = document.querySelector('[data-container]')

Na verdade no meu html a div estava como class="data-container". Agora está redondo igual código da aula.

Muito obrigado pela atenção.