Funkcje do pracy z elementem DOM w JavaScript

Teraz nauczymy się tworzyć funkcje pomocnicze, wykonujące różne operacje z DOM. Na przykład, stwórzmy funkcję, która w pierwszym parametrze będzie przyjmować id elementu, a w drugim - tekst elementu, i będzie ustawiać temu elementowi nowy tekst.

Oto opisana funkcja:

javascriptfunction setText(id, text) {
  let elem = document.getElementById(id);
  elem.textContent = text;
}

Przetestujmy jej działanie. Załóżmy, że mamy dwa akapity:

html<p id="elem1"></p>
<p id="elem2"></p>

Zmieńmy tekst tych akapitów, korzystając z utworzonej przez nas funkcji:

javascriptsetText('elem1', 'text1');
setText('elem2', 'text2');