DOM տարրերի հետ աշխատելու ֆունկցիաներ JavaScript-ում

Այժմ մենք կսովորենք ստեղծել օժանդակ ֆունկցիաներ, որոնք կատարում են տարբեր գործողություններ DOM-ի հետ: Օրինակ, եկեք ստեղծենք ֆունկցիա, որը առաջին պարամետրով կվերցնի id տարրի, իսկ երկրորդով՝ տարրի տեքստը, և կսահմանի այդ տարրին նոր տեքստ:

Ահա նկարագրված ֆունկցիան.

function setText(id, text) {
	let elem = document.getElementById(id);
	elem.textContent = text;
}

Եկեք փորձարկենք դրա աշխատանքը: Ենթադրենք, մենք ունենք երկու պարբերություն.

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

Եկեք փոխենք այս պարբերությունների տեքստը՝ օգտագործելով մեր ստեղծած ֆունկցիան.

setText('elem1', 'text1');
setText('elem2', 'text2');

Փոփոխեք իմ ստեղծած ֆունկցիան այնպես, որ այն պարամետրով ընդունի ոչ թե id տարրի, այլ կամայական CSS ընտրիչ:

Ստեղծեք setAttr ֆունկցիան, որն կփոխի DOM տարրի ատրիբուտը: Թող առաջին պարամետրով ֆունկցիան ընդունի տարրի ընտրիչը, երկրորդով՝ ատրիբուտի անունը, իսկ երրորդով ՝ դրա նոր արժեքը: