Çözüldü Vanilla JavaScript ile component oluşturmak

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.
5

533388

Hectopat
Katılım
27 Mart 2022
Mesajlar
4.463
Makaleler
2
Çözümler
54
JavaScript ile component oluşturmak ve HTML sayfasında aynı elementmiş gibi çağırmak istiyorum ama anlamadığım birkaç yer var bunları söyler ve birkaç tutorial önerirseniz sevinirim.
Öncelikle kullandığım bu kaynak nasıl onu söylerseniz sevinirim.
medium linki
Ve bu makaleden incelediğim JavaScript kodlarında neden htmlelement classından miras aldık?
@RaSGooL hocam bakabilir misiniz müsait olunca, diğer arkadaşlar da anlatırlarsa sevinirim.
 
Çözüm
K
Örnek saat componenti oluşturdum, bakabilirsin.
JavaScript: 
class TimeDisplay extends HTMLElement {
  connectedCallback() {
    console.log("Element DOM'a eklendi.");
    this.interval = setInterval(() => {
      this.textContent = new Date().toLocaleTimeString();
    }, 1000);
  }
  disconnectedCallback() {
    console.log("Element DOM'dan çıkarıldı.");
    clearInterval(this.interval);
  }
}

customElements.define("time-display", TimeDisplay);
HTML: 
<time-display></time-display>
Tarihe göre sırala Puana göre sırala
533388 dedi:
Bir de nasıl dom ile etkilesime gecerim? Mesela bir sayi arttirma projesi yaparim? Basit bir ornek verir misiniz?
Genişletmek için tıkla...
Burada cevaplandı:

JavaScript: DOM'a etki eden component yapımı

Mesela bir counter App örneği atabilir misiniz ya da mantığını anlatır mısınız? Ama component yapısında olacak şekilde. @Kxaan hocam siz yardımcı olmuştunuz, müsait olunca bir daha bakabilir misiniz acaba?
www.technopat.net www.technopat.net
 
Artı 0 Eksi

Benzer konular

V
Vanilla JavaScript öğrendikten sonra ne yapılmalı?
Mesaj
1
Görüntüleme
1.106
kaan.w
K
odinallfather
Vanilla JavaScript için kaynak önerisi
Mesaj
3
Görüntüleme
344
RaSGooL
RaSGooL
5
Vanilla JavaScript kullanmak yerine kütüphaneler kullanılmalı mı?
2
Mesaj
14
Görüntüleme
916
533388
5
igrahiga
Vanilla JS ile nasıl dinamik web site yapılır?
Mesaj
4
Görüntüleme
2.206
igrahiga
igrahiga
EfeKaan3444
JavaScript  JavaScript ile anket sitesi
Mesaj
2
Görüntüleme
468
Ender K
Ender K

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı