v1

2026-06-13 20:42:03 +02:00
commit 58720611f7
12 changed files with 911 additions and 0 deletions
@@ -0,0 +1,26 @@
+const TEMPLATE = document.createElement("template");
+TEMPLATE.innerHTML = `<span class="hours">--</span><span class="deux-points">:</span><span class="minutes">--</span>`
+
+class ClockElement extends HTMLElement {
+    constructor(){
+        super()
+        setInterval(this.updateContent.bind(this), 1000);
+    }
+    
+    connectedCallback(){
+        this.replaceChildren(TEMPLATE.content.cloneNode(true))
+        this.updateContent()
+    }
+
+    updateContent(){
+        if(!this.querySelector(".hours"))
+            return
+
+        let now = new Date();
+        this.querySelector(".hours").textContent = now.getHours().toString().padStart(2, "0")
+        this.querySelector(".minutes").textContent = now.getMinutes().toString().padStart(2, "0")
+        this.setAttribute("datetime", now.toISOString())
+    }
+}
+
+customElements.define("gavle-clock", ClockElement)