Initial commit

app.js

@@ -0,0 +1,60 @@
+"use strict";
+
+let ip_input = null;
+let mask_input = null;
+let subnets_input = null;
+let info_output = null;
+
+const dataChanged = function() {
+    try {
+        const ipData = ip_input.value;
+        const [fo, se, to, lo] = ipData.split(".").map(e => parseInt(e));
+        console.log([fo, se, to, lo]);
+        if (fo === undefined || se === undefined || to === undefined || lo === undefined ||
+            fo < 0 || se < 0 || to < 0 || lo < 0 ||
+            fo > 255 || se > 255 || to > 255 || lo > 255) {
+            throw new Error("Wrong IP format");
+        }
+
+        const mask = ~~mask_input.value;
+        if (mask < 0 || mask > 31) {
+            throw new Error("Wrong mask (in range [0..32))");
+        }
+
+        const networkCapacity = Math.pow(2, 32 - mask);
+        const subnets = subnets_input.value.split(" ").map(e => ~e);
+        let cumNetSize = 0;
+        subnets.forEach(e => {
+            cumNetSize += e;
+        });
+        if (cumNetSize > networkCapacity) {
+            throw new Error(`Cannot fit ${cumNetSize} in this subnet`);
+        }
+
+        const ip = new IP(fo, se, to, lo);
+        const net = new Subnet(ip, mask);
+
+        // info_output.textContent =  `Subnet info for    ${subnet.gateway.toString()}/${mask}\n`;
+        // info_output.textContent += `Subnet mask:       ${subnet.mask.toString()}\n`;
+        // info_output.textContent += `Subnet capacity:   ${subnet.subnetCapacity.toString()} addresses\n\n`;
+        // info_output.textContent += `First IP:          ${subnet.firstIP.toString()}\n`;
+        // info_output.textContent += `Last IP:           ${subnet.lastIP.toString()}\n`;
+        // info_output.textContent += `Broadcast IP:      ${subnet.broadcastIP.toString()}\n`;
+    } catch (e) {
+        info_output.textContent = `Error:\n${e.message}`;
+    }
+}
+
+
+const init = function() {
+    ip_input = document.getElementById("ip");
+    mask_input = document.getElementById("mask");
+    subnets_input = document.getElementById("subnets");
+    info_output = document.getElementById("subnects-info");
+
+    ip_input.addEventListener("input", dataChanged);
+    mask_input.addEventListener("input", dataChanged);
+    subnets_input.addEventListener("input", dataChanged);
+}
+
+document.addEventListener("DOMContentLoaded", init);