duvida inner.html

Fala Dayson, tudo bem?

A propriedade Element.innerHTML define ou obtém a sintaxe HTML descrevendo os elementos descendentes, ou seja, você pode obter ou alterar um código html de um elemento com essa propriedade, por exemplo:

Se temos uma div e queremos pegar o elemento html que tem dentro dela:

<div>
    <p>Olá! Eu sou um parágrafo!</p>
</div>

const div = document.querySelector('div')

console.log(div.innerHTML) // Nos retornará "<p>Olá! Eu sou um parágrafo!</p>"

Ou se quisermos alterar o html dessa div:

const div = document.querySelector('div')

div. innerHTML = "<h1>Olá! Eu sou um titulo!</h1>" // Nos retornará "<p>Olá! Eu sou um parágrafo!</p>"

O HTML dessa div agora será assim:

<div>
    <h1>Olá! Eu sou um titulo!</h1>
</div>

Você pode consultar a documentação do JavaScript para compreender melhor, acesse-a clicando aqui

Espero ter ajudado, bons estudos :D