Let form declare status card

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fwdekker/template",
-    "version": "3.5.7",
+    "version": "3.6.0",
     "description": "The base template for pages on fwdekker.com.",
     "author": "Florine W. Dekker",
     "license": "MIT",

src/main/js/Validation.ts

@@ -27,7 +27,9 @@ export function showMessageType(card: HTMLElement | HTMLFormElement,
                                 message?: string,
                                 type?: "busy" | "error" | "info" | "success" | "warning"): void {
     if (card instanceof HTMLFormElement) {
-        const formCard = $(`article[data-status-for="${card.id}"]`);
+        if (card.dataset.statusCard == null) return;
+
+        const formCard = $(`#${card.dataset.statusCard}`);
         if (formCard == null) return;
 
         card = formCard;

src/test/index.html

@@ -61,8 +61,8 @@
                         <h3>Already have an account? Welcome back!</h3>
                     </hgroup>
                 </header>
-                <form id="test-form" novalidate>
-                    <article class="status-card hidden" data-status-for="test-form">
+                <form id="test-form" data-status-card="test-status-card" novalidate>
+                    <article id="test-status-card" class="status-card hidden">
                         <output>Congrats!</output>
                         <a class="close" href="#" aria-label="Close"></a>
                     </article>