Przekazywanie elementu DOM jako parametr funkcji

W poprzednich lekcjach przekazywaliśmy do naszych funkcji selektory elementów, a nasze funkcje same pobierały referencje do tych elementów wewnątrz swojego kodu. Istnieje również inne podejście: do funkcji można przekazać już wcześniej uzyskane referencje do elementów.

Spójrzmy na przykład. Załóżmy, że mamy następujący kod:

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

Stwórzmy funkcję setText, która pierwszym parametrem będzie przyjmować referencję do elementu DOM, a drugim - tekst elementu:

function setText(elem, text){
	elem.textContent = text;
}

Wykorzystajmy stworzoną przez nas funkcję do ustawienia tekstu naszych akapitów:

let elem1 = document.getElementById('elem1');
setText(elem1, 'text1');

let elem2 = document.getElementById('elem2');
setText(elem2, 'text2');

Stwórz funkcję appendText, która pierwszym parametrem będzie przyjmować element DOM, a drugim - tekst. Spraw, aby ta funkcja dodawała tekst na końcu tego elementu.

Dane są akapity. Pobierz je, przeiteruj pętlą i do każdego dodaj na końcu '!' za pomocą funkcji appendText, stworzonej w poprzednim zadaniu.

Stwórz funkcję setValue, która pierwszym parametrem będzie przyjmować referencję do inputa, a drugim - tekst. Spraw, aby ta funkcja ustawiała przekazany tekst w value inputa.