add number generator

3 files changed, 60 insertions, 1 deletions

diff --git a/Blog/Components/App.razor b/Blog/Components/App.razor
index 7c8b8ce..24c9d62 100644
--- a/Blog/Components/App.razor
+++ b/Blog/Components/App.razor
@@ -49,7 +49,7 @@
         <li><NavLink href="/calc">Calculator</NavLink></li>
         <li><NavLink href="/concat">Concatenator</NavLink></li>
         <li><NavLink href="/letterflixd">Netflix to Letterboxd converter</NavLink></li>
-        <li><a href="/generator.html">Number generator</a></li>
+        <li><NavLink href="/generator">Number generator</NavLink></li>
         <li><NavLink href="/note">Note</NavLink></li>
         <li><a href="/qrcode.html">QR-code scanner</a></li>
         <li><a href="/qrcode-generator.html">QR-code generator</a></li>
diff --git a/Blog/Components/Pages/Generator.razor b/Blog/Components/Pages/Generator.razor
new file mode 100644
index 0000000..52d9d1a
--- /dev/null
+++ b/Blog/Components/Pages/Generator.razor
@@ -0,0 +1,12 @@
+@page "/Generator"
+<PageTitle>Number generator</PageTitle>
+<PageScript Src="./Components/Pages/Generator.razor.js"></PageScript>
+
+<main>
+    <button id="bsn">Generate BSN</button>
+    <!-- <button id="iban">Generate IBAN</button> -->
+
+    <div>
+        <div id="log"></div>
+    </div>
+</main>
\ No newline at end of file
diff --git a/Blog/Components/Pages/Generator.razor.js b/Blog/Components/Pages/Generator.razor.js
new file mode 100644
index 0000000..65036cd
--- /dev/null
+++ b/Blog/Components/Pages/Generator.razor.js
@@ -0,0 +1,47 @@
+import { addClass /*writeInfo*/, div, getById, span } from "/common.module.js";
+
+function writeInfo(label, msg) {
+    log.appendChild(
+        div(
+            addClass(div(addClass(span(label), "noselect"), span(msg)), "info"),
+        ),
+    );
+}
+
+export function onLoad() {
+    const gen_bsn = getById("bsn");
+    gen_bsn.addEventListener("click", generateBsn);
+}
+
+function generateBsn() {
+    const nr9 = Math.floor(Math.random() * 7);
+    const nr8 = Math.floor(Math.random() * 10);
+    const nr7 = Math.floor(Math.random() * 10);
+    const nr6 = Math.floor(Math.random() * 10);
+    const nr5 = Math.floor(Math.random() * 10);
+    const nr4 = Math.floor(Math.random() * 10);
+    const nr3 = Math.floor(Math.random() * 10);
+    let nr2 = Math.floor(Math.random() * 10);
+    const bsnNumber =
+        9 * nr9 +
+        8 * nr8 +
+        7 * nr7 +
+        6 * nr6 +
+        5 * nr5 +
+        4 * nr4 +
+        3 * nr3 +
+        2 * nr2;
+    let nr1 = Math.floor(bsnNumber - Math.floor(bsnNumber / 11) * 11);
+    if (nr1 > 9) {
+        if (nr2 > 0) {
+            nr2 -= 1;
+            nr1 = 8;
+        } else {
+            nr2 += 1;
+            nr1 = 1;
+        }
+    }
+
+    const BSNString = "" + nr9 + nr8 + nr7 + nr6 + nr5 + nr4 + nr3 + nr2 + nr1;
+    writeInfo("BSN: ", BSNString);
+}