first commit

2024-02-28 16:47:11 +01:00
commit d71da296b2
66 changed files with 7363 additions and 0 deletions
--- a/index/projects/nsc-web/index.html
+++ b/index/projects/nsc-web/index.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Number System Converter</title>
+    <link rel="stylesheet" href="../../../style/style.css" />
+    <link
+      rel="icon"
+      type="image/x-icon"
+      href="../../../res/site/icons/favicon.ico"
+    />
+    <script src="./script/script.js"></script>
+    <style>
+      input {
+        width: 40%;
+      }
+    </style>
+  </head>
+
+  <body>
+    <header class="page-header" role="banner">
+      <h1 class="project-name">Number System Converter</h1>
+      <h2 class="project-tagline">Web version.</h2>
+
+      <a href="../../../" class="btn">Home</a>
+      <a href="../" class="btn">Projects</a>
+    </header>
+
+    <main id="content" class="main-content" role="main">
+      <section>
+        <h3>Enter a decimal number to convert and a base.</h3>
+        <form>
+          <label for="number">Number:</label><br />
+          <input
+            name="number"
+            id="number"
+            type="text"
+            step="1"
+            onChange="numberSystemConverter();"
+          />
+          <br />
+          <label for="base">Base (Range 2-36):</label><br />
+          <input
+            name="base"
+            id="base"
+            type="number"
+            value="10"
+            step="1"
+            min="2"
+            max="36"
+            onChange="numberSystemConverter();"
+          />
+          <br />
+          <label for="new-base">New base (Range 2-36):</label><br />
+          <input
+            name="new-base"
+            id="new-base"
+            type="number"
+            value="2"
+            step="1"
+            min="2"
+            max="36"
+            onChange="numberSystemConverter();"
+          />
+          <br />
+          <label for="converted">Converted number:</label><br />
+          <input
+            name="converted"
+            id="converted"
+            type="text"
+            disabled="true"
+            onChange="numberSystemConverter();"
+          />
+        </form>
+      </section>
+
+      <footer class="site-footer">
+        You have reached the end of the page. (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
+      </footer>
+    </main>
+  </body>
+</html>
--- a/index/projects/nsc-web/script/script.js
+++ b/index/projects/nsc-web/script/script.js
@@ -0,0 +1,19 @@
+numberSystemConverter();
+function numberSystemConverter() {
+  let num = document.getElementById("number").value;
+  let base = document.getElementById("base").value;
+  let new_base = document.getElementById("new-base").value;
+
+  base = parseInt(base);
+  new_base = parseInt(new_base);
+
+  try {
+    let dec_num = parseInt(num, base);
+    let new_num = dec_num.toString(new_base);
+
+    document.getElementById("converted").value = new_num;
+    console.log(`BASE ${base}: ${num} ==> BASE ${new_base}: ${new_num}`);
+  } catch (RangeError) {
+    console.log(`One or more bases is not in the range of 2 to 36.`);
+  }
+}