DOM
La representación de una página web que el navegador crea y que JavaScript puede leer y modificar: cada etiqueta es un nodo de un árbol.
Al cargar el HTML, el navegador construye el DOM: un árbol de objetos en el que cada etiqueta, atributo y texto es un nodo. Lo que ves en pantalla es el reflejo de ese árbol.
JavaScript usa el DOM para buscar elementos (document.querySelector), cambiar su texto o sus estilos, crear otros nuevos y reaccionar a eventos como los clics.
Un ejemplo
document.querySelector("#total").textContent = "25 €" cambia en directo el total que aparece en la página.