Update today-button to not depend on initial content.

Depending on initial content is fragile. This instead constructs a
completely new tag, discarding what happened to be there before.

1 files changed, 16 insertions, 1 deletions

diff --git a/static/clock.ts b/static/clock.ts
index fa975484..3a5b0077 100644
--- a/static/clock.ts
+++ b/static/clock.ts
@@ -102,9 +102,24 @@ class ClockElement extends HTMLElement {
     update(now: Date) { /* noop */ }
 }
 
+
 class TodayButton extends ClockElement {
+    a: HTMLAnchorElement;
+
+    constructor() {
+        super();
+        this.a = document.createElement('a');
+        this.a.textContent = 'Idag';
+        this.a.classList.add('btn');
+    }
+
+    connectedCallback() {
+        super.connectedCallback();
+        this.replaceChildren(this.a);
+    }
+
     update(now: Date) {
-        (this.querySelector('a') as any).href = now.format("~Y-~m-~d.html")
+        this.a.href = now.format("~Y-~m-~d.html")
     }
 }