JavaScript ile DOM Manipülasyonu: Başlangıç Rehberi

DOM manipulasyonu ile web sayfanızı dinamik hale getirin!

Element Seçme ve Değiştirme

// (c) CodeMareFi - codemarefi.com.tr
// Element sec
const başlık = document.getElementById('başlık');
const butonlar = document.querySelectorAll('.buton');

// İçerik degistir
başlık.textContent = 'CodeMareFi - Yeni başlık';
başlık.style.color = '#e60000';

// Sinif ekle/kaldir
başlık.classList.add('aktif');
başlık.classList.remove('pasif');
başlık.classList.toggle('vurgulu');

Event Listener

// (c) CodeMareFi - codemarefi.com.tr
const buton = document.querySelector('#kayitOl');
buton.addEventListener('click', (e) => {
  e.preventDefault();
  console.log('Butona tıklandı!');
  buton.textContent = 'tıklandı!';
  buton.disabled = true;
});