javascript – Não estou conseguindo usar o “parentNode” no JS

estou tentando inserir um novo elemento no DOM através do appendChild, e estou utilizando a propriedade “parentNode” porem ela tá dando esse seguinte erro no console:

Uncaught TypeError: Cannot read property 'parentNode' of null
    at script.js:7

o meu código no JS:

let novoElemento = document.createElement("p");
let texto = document.createTextNode("Algume texto");

novoElemento.appendChild(texto);

let p = document.getElementById('paragrafo-principal');
let pai = p.parentNode;
pai.appendChild(novoElemento)

Obs.: no arquivo HTML está tudo certo, o problema tá no arquivo js