Übergabe eines DOM-Elements als Funktionsparameter

In vorherigen Lektionen haben wir an unsere Funktionen Selektoren für Elemente übergeben, und unsere Funktionen haben selbst die Referenzen auf diese Elemente in ihrem Code abgerufen. Es gibt auch einen anderen Ansatz: An die Funktion können bereits zuvor abgerufene Referenzen auf die Elemente übergeben werden.

Sehen wir uns ein Beispiel an. Nehmen wir an, wir haben den folgenden Code:

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

Erstellen wir eine Funktion setText, die als ersten Parameter eine Referenz auf ein DOM-Element und als zweiten Parameter den Text für das Element entgegennimmt:

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

Verwenden wir unsere erstellte Funktion, um den Text unserer Absätze zu setzen:

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

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

Erstellen Sie eine Funktion appendText, die als ersten Parameter ein DOM-Element und als zweiten Parameter einen Text entgegennimmt. Sorgen Sie dafür, dass diese Funktion den Text am Ende dieses Elements anhängt.

Es sind Absätze gegeben. Rufen Sie diese ab, durchlaufen Sie sie mit einer Schleife und fügen Sie jedem ein '!' am Ende hinzu, und zwar mit der Funktion appendText aus der vorherigen Aufgabe.

Erstellen Sie eine Funktion setValue, die als ersten Parameter eine Referenz auf ein Input-Feld und als zweiten Parameter einen Text entgegennimmt. Sorgen Sie dafür, dass diese Funktion den übergebenen Text im value des Input-Felds setzt.