added custom tag example

2021-11-26 14:36:09 +01:00 · 2021-11-26 14:36:09 +01:00 · 4066c87793
parent c277655788
commit 4066c87793
2 changed files with 30 additions and 3 deletions
--- a/examples/index.html
+++ b/examples/index.html
@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Example</title>
+
+    <script src="../out/index.js"></script>
+</head>
+<body>
+    <custom-geometry>
+        
+    </custom-geometry>
+</body>
+</html>
--- a/index.ts
+++ b/index.ts
@ -1,6 +1,17 @@
-function sum(a: number, b: number) 
+class Geometry extends HTMLElement
 {
-    return a + b;
+    constructor()
+    {
+        super();
+
+        this.attachShadow({mode: "open"});
+
+        console.log("Created Geomtry tag");
+        const text = document.createElement("p")
+        text.innerText = "Geometry tag";
+
+        this.shadowRoot.append(text);
+    }
 }

-console.log(sum(420, 69));
+customElements.define("custom-geometry", Geometry);