What do you mean by DOM and the importance of it?

DOM, czyli Document Object Model, to obiektowa reprezentacja HTML.

HTML:

<body>
  <h1>Hello</h1>
  <button>Click</button>
</body>

jest reprezentowany jako drzewo obiektów.

JavaScript dzięki DOM może:

• znaleźć element,
• zmienić jego zawartość,
• dodać lub usunąć element,
• obsłużyć event,
• zmienić klasy lub style.

Przykład:

const button = document.querySelector("button");

button.addEventListener("click", () => {
  button.textContent = "Clicked";
});

Doprecyzowanie:
DOM nie jest „HTML-em samym w sobie”. To reprezentacja dokumentu dostępna dla JavaScriptu.