Transmiterea elementului DOM ca parametru al funcției

În lecțiile anterioare, am transmis funcțiilor noastre selectoare de elemente, iar funcțiile noastre obțineau singere referințele către aceste elemente în interiorul codului lor. Există și o altă abordare: funcției i se pot transmite referințe către elemente obținute deja anterior.

Să ne uităm la un exemplu. Să presupunem că avem următorul cod:

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

Să facem funcția setText, care primind primul parametru va fi o referință către un element DOM, iar al doilea - textul elementului:

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

Vom folosi funcția creată de noi pentru a seta textul paragrafelor noastre:

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

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

Creați funcția appendText, care primind primul parametru va fi un element DOM, iar al doilea - text. Faceți ca această funcție să adauge text la sfârșitul acestui element.

Sunt date paragrafe. Obțineți-le, parcurgeți-le cu un ciclu și fiecăruia adăugați la sfârșit '!' cu ajutorul funcției appendText, făcute în problema anterioară.

Creați funcția setValue, care primind primul parametru va fi o referință către un câmp de introducere (input), iar al doilea - textul. Faceți ca această funcție să stabilească textul transmis în value al inputului.