I practiced JavaScript Web Component Basics by doing a little assignment. Indeed, I created a class and extended it to HTMLElement. Then, I attached a shadow DOM to this web component and I created some HTML code with shadowRoot. Afterwards, I added an event listener to the toggleButton, defined the custom element and used it in index.html.

This is a little JavaScript demo application built with web components. Indeed, I developped my own custom element to created a tooltip feature. For that, I used several functionalities, such as class, shadow dom, connected callback, disconnected callback, styling inside shadow dom, slot, template, attribute changed callback, shadow dom projection.