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 функциясини ясанг, унинг биринчи параметри инпутга ҳаволани қабул қилади, иккинчиси эса матнни. Ущбу функция ўтказилган матнни инпутнинг value ига ўрнатиши керак.