DOM elemento perdavimas kaip funkcijos parametras

Ankstesnėse pamokose mes perdavėme į savo funkcijas elementų selektorius, ir mūsų funkcijos pačios gaudavo nuorodas į tuos elementus savo kodo viduje. Egzistuoja ir kitas požiūris: funkcijai galima perduoti jau anksčiau gautas nuorodas į elementus.

Pažiūrėkime pavyzdžiu. Tarkime, kad turime šį kodą:

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

Padarykime funkciją setText, kuri pirmu parametru priims nuorodą į DOM elementą, o antru - elemento tekstą:

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

Panaudokime mūsų sukurtą funkciją tekstui nustatyti mūsų pastraipose:

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

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

Padarykite funkciją appendText, kuri pirmu parametru priims DOM elementą, o antru - tekstą. Padarykite taip, kad ši funkcija pridėtų tekstą į šio elemento pabaigą.

Duotos pastraipos. Gaukite jas, pereikite ciklu ir kiekvienai pridėkite į pabaigą '!' naudodami funkciją appendText, padarytą ankstesniame uždavinyje.

Padarykite funkciją setValue, kuri pirmu parametru priims nuorodą į įvesties lauką, o antru - tekstą. Padarykite taip, kad ši funkcija nustatytų perduotą tekstą į value įvesties lauko.