Kalimi i elementit DOM si parametër i funksionit

Në mësimet e mëparshme, ne kemi kaluar në funksionet tona selektorët e elementeve, dhe funksionet tona kanë marrë vetë referencat për këta elementë brenda kodit të tyre. Ekziston një qasje tjetër: në funksion mund të kaloni referenca të marra më parë për elementët.

Le të shohim një shembull. Le të themi se kemi kodin e mëposhtëm:

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

Le të bëjmë funksionin setText, i cili do të marrë si parametër të parë një referencë për elementin DOM, dhe si të dytë - tekstin e elementit:

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

Le të përdorim funksionin e krijuar nga ne për të vendosur tekstin e paragrafëve tanë:

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

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

Bëni funksionin appendText, i cili do të marrë si parametër të parë një element DOM, dhe si të dytë - tekst. Bëni që ky funksion të shtojë tekstin në fund të këtij elementi.

Janë dhënë paragrafë. Merrni ato, përsëritni me cikël dhe secilit shtoni në fund '!' me ndihmën e funksionit appendText, i bërë në detyrën e mëparshme.

Bëni funksionin setValue, i cili do të marrë si parametër të parë një referencë për një input, dhe si të dytë - tekst. Bëni që ky funksion të vendosë tekstin e kaluar në value të inputit.