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-ში დააყენებს.