Add warning when JS is disabled on dev browser

aduh95 · Jan 2, 2020 · 01f2b18 · 01f2b18
1 parent 11142f6
commit 01f2b18
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/scripts/dev-build-html.mjs b/scripts/dev-build-html.mjs
@@ -24,13 +24,20 @@ export default indexFile =>
           return scriptTag;
         })
     );
+    const noScriptAlert = document.createElement("noscript");
     const removeDialogScript = document.createElement("script");
     const dialog = document.createElement("dialog");
     dialog.open = true;
     dialog.id = "placeholder-dialog";
     dialog.append(
       document.createElement("progress"),
-      " Building application..."
+      " Building application...",
+      noScriptAlert
+    );
+    noScriptAlert.append(
+      document.createElement("br"),
+      document.createElement("br"),
+      "Warning, your browser in on no-script mode!"
     );
     removeDialogScript.textContent = `import("./${BUNDLE_NAME}")
         .then(()=>document.getElementById("${dialog.id}").remove())