DOM අංගයක් පරාමිතියක් ලෙස ශ්‍රිතයට ලබා දීම

පෙර පාඩම් වලදී, අපි අපගේ ශ්‍රිත වලට අංග තෝරන්නන් ලබා දුන් අතර, අපගේ ශ්‍රිත තමන්ගේම කේතය තුළ මෙම අංග සඳහා සබැඳි ලබා ගත්තේය. වෙනත් ප්‍රවේශයක් ද ඇත: ශ්‍රිතයකට කලින් ලබාගත් අංග සඳහා සබැඳි ද ලබා දිය හැකිය.

අපි උදාහරණයක් බලමු. අපට පහත කේතය ඇති බව කියමු:

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

අපි setText ශ්‍රිතයක් සාදමු, එය පළමු පරාමිතිය ලෙස DOM අංගයකට සබැඳියක් පිළිගනී, දෙවන පරාමිතිය ලෙස - අංගයේ පෙළ:

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

අපගේ ඡේදවල පෙළ සැකසීමට අප විසින් සාදන ලද ශ්‍රිතය භාවිතා කරමු:

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

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

appendText ශ්‍රිතයක් සාදන්න, එය පළමු පරාමිතිය ලෙස DOM අංගයක් පිළිගන්නා අතර, දෙවන පරාමිතිය ලෙස - පෙළක්. මෙම ශ්‍රිතය එම අංගයේ පෙළ අවසානයට එකතු කරන ආකාරයට සකසන්න.

Задание 2

ඡේද දෙනු ලැබේ. ඒවා ලබාගෙන, චක්‍රයකින් පුණරාවර්තනය කර සෑම එකකටම '!' අවසානයට එකතු කරන්න, පෙර ගැටලුවේ සාදන ලද appendText ශ්‍රිතය භාවිතා කරමින්.

Задание 3

setValue ශ්‍රිතයක් සාදන්න, එය පළමු පරාමිතිය ලෙස ආදාන ක්ෂේත්‍රයකට සබැඳියක් පිළිගන්නා අතර, දෙවන පරාමිතිය ලෙස - පෙළක්. මෙම ශ්‍රිතය ලබාදුන් පෙළ ආදාන ක්ෂේත්‍රයේ value වලට සකසන ආකාරයට සකසන්න.