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:

html<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:

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

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

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

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

Задание 1

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.

Задание 2

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.

Задание 3

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.