Çözüldü DOM'a etki eden component yapımı
- Konuyu başlatan 533388
- Başlangıç Tarihi
- Mesaj 9
- Görüntüleme 299
Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.
Çözüm
Bu şekilde yaptım.
Burayı okumanı tavsiye ederim.
javascript.info
JavaScript:
class Counter extends HTMLElement {
connectedCallback() {
this.attachShadow({ mode: "open" });
const text = this.shadowRoot.appendChild(document.createElement("p"));
const button = this.shadowRoot.appendChild(document.createElement("button"));
text.textContent = 0;
button.textContent = "add";
button.addEventListener("click", () => {
text.textContent = Number(text.textContent) + 1;
});
}
}
customElements.define("number-counter", Counter);
HTML:
<number-counter></number-counter>Burayı okumanı tavsiye ederim.
Web components
javascript.info
Kxaan
Kilopat
Daha fazla
- Cinsiyet
- Erkek
Bu şekilde yaptım.
Burayı okumanı tavsiye ederim.
javascript.info
JavaScript:
class Counter extends HTMLElement {
connectedCallback() {
this.attachShadow({ mode: "open" });
const text = this.shadowRoot.appendChild(document.createElement("p"));
const button = this.shadowRoot.appendChild(document.createElement("button"));
text.textContent = 0;
button.textContent = "add";
button.addEventListener("click", () => {
text.textContent = Number(text.textContent) + 1;
});
}
}
customElements.define("number-counter", Counter);
HTML:
<number-counter></number-counter>Burayı okumanı tavsiye ederim.
Web components
javascript.info
KS
KS
533388
Hectopat
- Katılım
- 27 Mart 2022
- Mesajlar
- 4.446
- Makaleler
- 2
- Çözümler
- 54
Heh hocam ben siz yazmadan önce birkaç video izledim de birkaç soru oluştu kafamda.
İnternette Shadow dom ile ilgi araştırma yaptım ve body içinde oluşturduğumuz elementlerin bir Shadow host ve hostun içinde de elementler olduğunu ve bunlarım Shadow root içinde yer aldığını anladım, doğru mudur? Değilse nedir?
Bu kodun amacı oluşturduğumuz elementi shadowroot ağacı altına eklemek için istek göndermek mi? Eğer closed olursa null değer mi dönüyor?
Son düzenleme:
KS
KS
533388
Hectopat
- Katılım
- 27 Mart 2022
- Mesajlar
- 4.446
- Makaleler
- 2
- Çözümler
- 54
Teşekkür ederim. Bir de bu JS in biraz ileride konusu mu daha once hiçbir egitimde web component gormemistim de. Ve biraz zorlayici geldi ne yalani söyleyeyim.
KS
KS
533388
Hectopat
- Katılım
- 27 Mart 2022
- Mesajlar
- 4.446
- Makaleler
- 2
- Çözümler
- 54
Peki cok derinlemesine ogrenmesem. Bir şey kaybeder miyim?
KS
KS
533388
Hectopat
- Katılım
- 27 Mart 2022
- Mesajlar
- 4.446
- Makaleler
- 2
- Çözümler
- 54
Teşekkür ederim sizi de yordum kusura bakmayin lutfen.
