Merge branch 'draft'

Sascha Schulz

2024-01-15 acac3fb9f6581d444dce2868dd401bbe7ed6fd45

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
class HelloWorldComponent extends HTMLElement { 
    constructor() { 
        super(); 
    } 
 
    connectedCallback() { 
        const shadowRoot = this.attachShadow({mode: "open"}); 
 
        shadowRoot.innerHTML = ` 
            <style> 
                div { 
                    background-color: coral; 
                    color: white; 
                } 
            </style> 
            <div>Hello World!</div> 
        `; 
    } 
} 
 
window.customElements.define("hello-world", HelloWorldComponent);