From acac3fb9f6581d444dce2868dd401bbe7ed6fd45 Mon Sep 17 00:00:00 2001 From: Sascha Schulz <sschulz@dh-software.de> Date: Mo, 15 Jan 2024 18:26:51 +0100 Subject: [PATCH] Merge branch 'draft' --- assets/html/hello-world.js | 21 +++++++++++++++++++++ 1 files changed, 21 insertions(+), 0 deletions(-) diff --git a/assets/html/hello-world.js b/assets/html/hello-world.js new file mode 100644 index 0000000..629259f --- /dev/null +++ b/assets/html/hello-world.js @@ -0,0 +1,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); -- Gitblit v1.9.3