JavaScript ile Buton Oluşturma – Web Tasarım & Programlama
Javascript

JavaScript ile Buton Oluşturma

Merhaba arakdaşlar bu yazıdan document.createElement nesnesini kullanarak javascript tarafında nasıl buton oluşturulduğunu göstereceğim. Ayrıca oluşturulan butona CSS ve olay eklemesi de yapacağım.

Öncelikle HTML dosyasını aşağıdaki gibi oluşturuyoruz.

 

Sonraki aşamada buton nesnesini oluşturup butonun niteliklerini aşağıdaki gibi tanımlıyoruz.

 

Buton nesnesi bellekte oluşturuldu ve nitelikleri tanımlandı. Şimdi butonun style düzenlemesini yapıp butonun onclick(tıklama) niteliğine gerekli kodu yazıyoruz.

 

Artık butonu bir HTML nesnesi içine eklemeye geldi. panel adında bir div içine eklemek için aşağıdaki kodları yazıyoruz.

 

JavaScript ile buton oluşturma ve oluşturulan butona olay ekleme işlemlerini yaptık. Yapılan çalışmada kullanılan tüm kodlara aşağıdan ulaşabilirsiniz.

 

Yorum yap

Sayfamızı YouTube'da da takip etmek ister misiniz?
Holler Box