lauchmelder/lauchpioos
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

added custom tag example

Browse source
This commit is contained in:
Lauchmelder 2021-11-26 14:36:09 +01:00
parent c277655788
commit 4066c87793
2 changed files with 30 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
examples/index.html Normal file
View file

@ -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>

17
index.ts
View file

@ -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);