¿Por qué en el primer ejemplo se usa appendChild y en el segundo append?

Hola carlosrubendg, recordemos que hay una diferencia entre appendChild y append.

• appendChild es una función del DOM, mientas que append en una función de JavaScript Para que entiendas mejor, imagina que quieres insertar algo dentro de un div desde tu HTML.

document.getElementById("div").append("Hello");

• Ahora que pasa si intentas hacer eso mismo, pero con appendChild

document.getElementById("div").appendChild("Hello");

• Tu consola mostrara:
  Uncaught TypeError: Failed to execute ‘appendChild’ on ‘Node’: parameter 1 is not of type ‘Node’.
• ¿Por qué? Porque la función appendChild necesita un elemento como parámetro.
• Tú no puedes hacer esto

document.getElementById("div").appendChild("<p></p>");

• Pero tu si puedes hacer esto

const p = document.createElement("p");

document.getElementById("div").appendChild(p);