DOM elementa nodošana kā funkcijas parametrs

Iepriekšējās nodarbībās mēs savās funkcijās nodot elementu selektorus, un mūsu funkcijas pašas iegūja atsauces uz šiem elementiem savā iekšienē izveidotajā kodā. Pastāv arī cita pieeja: funkcijai var nodot jau iepriekš iegūtas atsauces uz elementiem.

Apskatīsim piemērā. Pieņemsim, ka mums ir šāds kods:

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

Izveidosim funkciju setText, kas pirmo parametru pieņems kā atsauci uz DOM elementu, bet otro - kā elementa tekstu:

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

Izmantosim mūsu izveidoto funkciju, lai iestatītu tekstu mūsu rindkopām:

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

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

Izveidojiet funkciju appendText, kas pirmo parametru pieņems kā DOM elementu, bet otro - kā tekstu. Iestatiet to tā, lai šī funkcija pievienotu tekstu šī elementa beigās.

Dotas rindkopas. Iegūstiet tās, izmantojiet ciklu un katrai pievienojiet beigās '!' ar funkcijas appendText palīdzību, izveidotu iepriekšējā uzdevumā.

Izveidojiet funkciju setValue, kas pirmo parametru pieņems kā atsauci uz ievades lauku, bet otro - kā tekstu. Iestatiet to tā, lai šī funkcija iestatītu nodoto tekstu ievades lauka value.