DOM էլեմենտի փոխանցումը ֆունկցիայի պարամետրով

Նախորդ դասերում մենք մեր ֆունկցիաներին փոխանցում էինք էլեմենտների ընտրիչներ, և մեր ֆունկցիաներն իրենց կոդի ներսում ինքնուրույն էին ստանում այդ էլեմենտների հղումները: Գոյություն ունի նաև մեկ այլ մոտեցում. Ֆունկցիային կարելի է փոխանցել արդեն նախկինում ստացված էլեմենտների հղումներ:

Դիտարկենք օրինակով: Ենթադրենք ունենք հետևյալ կոդը:

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

Ստեղծենք setText ֆունկցիան, որն առաջին պարամետրով կվերցնի DOM էլեմենտի հղումը, իսկ երկրորդ պարամետրով՝ էլեմենտի տեքստը.

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

Օգտագործենք մեր ստեղծած ֆունկցիան մեր պարբերությունների տեքստը սահմանելու համար.

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

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

Ստեղծեք appendText ֆունկցիան, որն առաջին պարամետրով կվերցնի DOM էլեմենտի հղումը, իսկ երկրորդ պարամետրով՝ տեքստ: Ապահովեք, որ այս ֆունկցիան տեքստը ավելացնի տվյալ էլեմենտի վերջում:

Տրված են պարբերություններ: Ստացեք դրանք, ցիկլով անցեք դրանց վրայով և յուրաքանչյուրի վերջում ավելացրեք '!' օգտագործելով նախորդ խնդրում ստեղծված appendText ֆունկցիան:

Ստեղծեք setValue ֆունկցիան, որն առաջին պարամետրով կվերցնի input դաշտի հղումը, իսկ երկրորդ պարամետրով՝ տեքստ: Ապահովեք, որ այս ֆունկցիան փոխանցված տեքստը դնի input դաշտի value-ի մեջ: