Att passera DOM-element som funktionsparameter

I tidigare lektioner har vi passerat våra funktioner elementväljare, och våra funktioner själva har hämtat referenser till dessa element inuti sin kod. Det finns ett annat tillvägagångssätt: man kan passera funktioner redan tidigare hämtade referenser till element.

Låt oss titta på ett exempel. Låt oss säga att vi har följande kod:

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

Låt oss skapa funktionen setText som första parameter kommer att ta en referens till ett DOM-element, och den andra - elementets text:

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

Låt oss använda vår skapade funktion för att ställa in texten i våra stycken:

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

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

Задание 1

Skapa funktionen appendText som första parameter kommer att ta ett DOM-element, och den andra - text. Gör så att denna funktion lägger till text i slutet av detta element.

Задание 2

Givna stycken. Hämta dem, gå igenom med en loop och lägg till '!' i slutet på varje med hjälp av funktionen appendText, gjord i den föregående uppgiften.

Задание 3

Skapa funktionen setValue som första parameter kommer att ta en referens till en input, och den andra - text. Gör så att denna funktion ställer in den passerade texten i inputens value.