DOM Elemanını Fonksiyona Parametre Olarak Geçirmek

Önceki derslerde, fonksiyonlarımıza eleman seçicileri iletiyorduk ve fonksiyonlarımız bu elemanlara referansları kendi kodlarının içinde alıyorlardı. Başka bir yaklaşım daha vardır: fonksiyona daha önceden alınmış olan eleman referansları iletilir.

Bir örnek üzerinden görelim. Şu koda sahip olduğumuzu varsayalım:

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

setText adında bir fonksiyon yapalım, ilk parametresi bir DOM elemanına referans alsın, ikinci parametresi ise elemanın metni olsun:

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

Oluşturduğumuz fonksiyonu, paragraflarımızın metnini ayarlamak için kullanalım:

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

let elem2 = document.getElementById('elem2');
setText(elem2, 'text2');

appendText fonksiyonunu yapın, ilk parametresi bir DOM elemanı alsın, ikinci parametresi ise bir metin olsun. Bu fonksiyonun metni ilgili elemanın sonuna eklemesini sağlayın.

Paragraflar verilmiştir. Onları alın, bir döngü ile gezin ve her birinin sonuna, bir önceki görevde yapılan appendText fonksiyonu ile '!' ekleyin.

setValue fonksiyonunu yapın, ilk parametresi bir input elemanına referans alsın, ikinci parametresi ise bir metin olsun. Bu fonksiyonun, iletilen metni input'un value değerine ayarlamasını sağlayın.