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:

html<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:

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

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

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

let elem2 = document.getElementById('elem2');
setText(elem2, 'text2');
Задание 1

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ň.

Задание 2

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

Задание 3

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ň.