Uso do InnerHTML e AppendChild()

Bom dia, o innerHTML você utilizará para renderizar na tela algum código html, por exemplo:

let body = document.querySelector('body');
body.innerHTML = `<h1>Hello World</h1>`

E quanto ao appendChild é isso que você escreveu, no exemplo abaixo:

Crio uma ul, uma li e insiro um texto para esse li
let lista = document.createElement('ul');
let itemLista = document.createElement('li');
itemLista.textContent = 'Item 1';

E com o uso do appendChild "falo" que a tag body receberá a ul(lista) e a ul(lista) receberá o (li)itemLista

body.appendChild(lista)
lista.appendChild(itemLista)