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');