Дод кардани унсури 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)-ро қабул мекунад, ва параметри дуюмаш - матн. Тавре созед, ки ин функсия матни додашударо ба value-и вурудраг насб кунад.