DOM elementini funksiýanyň parametri hökmünde ýollamak

Öňki sapaklarda biz funksiýalarymyza elementleriň selektorlaryny ýollarysdyk, we funksiýalarymyz öz kodlarynyň içinde şol elementlere çykgytlary özleri alypdyrlar. Başga bir ýanaşma hem bar: funksiýa içine öňünden alynan elementlere bolan çykgytlar hem ýollarysdylyp bilner.

Geliň, mysal üsti bilen göreliň. Bizde aşakdaky kod bolsun:

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

Geliň, birinji parametri hökmünde DOM elementine bolan çykgydy, ikinji parametri hökmünde bolsa elementdäki teksti aljak setText funksiýasyny ýasaýaly:

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

Ýasalan funksiýamyzy abzaslarymyzyň tekstini belläp bermek üçin ulanalyň:

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

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

appendText funksiýasyny ýasaň, bu funksiýa birinji parametri hökmünde DOM elementini, ikinji parametri hökmünde bolsa teksti almaly. Bu funksiýanyň berlen teksti şol elementyň ahyryna goşýandygyna göz ýetiriň.

Abzaslar berlen. Olary alyň, aýlaw bilen geziriň we her biriniň ahyryna öňki mesele ýasalan appendText funksiýanyň kömegi bilen '!' goşuň.

setValue funksiýasyny ýasaň, bu funksiýa birinji parametri hökmünde inputa bolan çykgydy, ikinji parametri hökmünde bolsa teksti almaly. Bu funksiýanyň berlen teksti inputyň value bahasyna bellemelidigine göz ýetiriň.