DOM elemendi edastamine funktsiooni parameetrina

Eelmistes õppetundides edastasime oma funktsioonidesse elementide valijad ja meie funktsioonid said viited nendele elementidele ise oma koodi sees. On olemas ka teine lähenemine: funktsioonile saab edastada juba varem saadud viited elementidele.

Vaatame näidet. Olgu meil järgmine kood:

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

Teeme funktsiooni setText, mis esimese parameetrina võtab viite DOM elemendile ja teise parameetrina - elemendi teksti:

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

Kasutame loodud funktsiooni meie lõikude teksti seadistamiseks:

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

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

Tehke funktsioon appendText, mis esimese parameetrina võtab DOM elemendi, ja teise parameetrina - teksti. Tehke nii, et see funktsioon lisaks teksti selle elemendi lõppu.

Antud lõigud. Hankige need, itereerige tsükliga ja igale lisa lõppu '!' abil funktsiooni appendText, mis on tehtud eelmises ülesandes.

Tehke funktsioon setValue, mis esimese parameetrina võtab viite input elemendile ja teise parameetrina - teksti. Tehke nii, et see funktsioon seadistaks edastatud teksti inputi value-sse.