DOM-elementin välittäminen funktion parametrina

Edellisillä tunneilla välitimme funktioihimme elementtien valitsijoita, ja funktiomme sait itse viitteet näihin elementteihin niiden koodin sisällä. On olemassa toinenkin lähestymistapa: funktiolle voidaan välittää aiemmin haetut viitteet elementteihin.

Katsotaanpa esimerkkiä. Oletetaan, että meillä on seuraava koodi:

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

Tehdään funktio setText, joka ensimmäisenä parametrina vastaanottaa viitteen DOM-elementtiin ja toisena - elementin tekstin:

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

Käytetään luomaamme funktiota kappaleidemme tekstin asettamiseen:

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

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

Tee funktio appendText, joka ensimmäisenä parametrina vastaanottaa DOM-elementin, ja toisena - tekstin. Tee niin, että tämä funktio lisää tekstin tämän elementin loppuun.

Annetut kappaleet. Hae ne, käy läpi silmukalla ja lisää jokaisen loppuun '!' käyttämällä funktiota appendText, joka tehtiin edellisessä tehtävässä.

Tee funktio setValue, joka ensimmäisenä parametrina vastaanottaa viitteen input-kenttään, ja toisena - tekstin. Tee niin, että tämä funktio asettaa välitetyn tekstin input-kentän value-arvoksi.