From a1e82650259f3f7a21932fa11ac7696e9ad121b3 Mon Sep 17 00:00:00 2001
From: Shantanu Dutta <7542135+nlern@users.noreply.github.com>
Date: Mon, 26 Aug 2019 07:41:34 +0530
Subject: [PATCH] 1. Completed solution for binary to decimal conversion of any
n-digit valid binary string. 2. Added validations for accepting only binary
digits. 3. Changed validation error messages for empty string and non binary
digits. 4. Completed main conversion function convertBin2Dec which converts
binary string to decimal.
---
.../1. Bin2Dec/Web/index.html | 8 ++-
.../1. Bin2Dec/Web/index.js | 72 ++++++++++++++++++-
.../1. Bin2Dec/Web/style.css | 4 ++
3 files changed, 79 insertions(+), 5 deletions(-)
diff --git a/Solutions/1. Tier 1 - Begineer Projects/1. Bin2Dec/Web/index.html b/Solutions/1. Tier 1 - Begineer Projects/1. Bin2Dec/Web/index.html
index 629733bf..4ee1ebd8 100644
--- a/Solutions/1. Tier 1 - Begineer Projects/1. Bin2Dec/Web/index.html
+++ b/Solutions/1. Tier 1 - Begineer Projects/1. Bin2Dec/Web/index.html
@@ -8,13 +8,15 @@
-
+
+
diff --git a/Solutions/1. Tier 1 - Begineer Projects/1. Bin2Dec/Web/index.js b/Solutions/1. Tier 1 - Begineer Projects/1. Bin2Dec/Web/index.js
index 593df709..03478a90 100644
--- a/Solutions/1. Tier 1 - Begineer Projects/1. Bin2Dec/Web/index.js
+++ b/Solutions/1. Tier 1 - Begineer Projects/1. Bin2Dec/Web/index.js
@@ -1,6 +1,74 @@
(function (document, window, domIsReady, undefined) {
- domIsReady(function () {
- console.log('My DOM is ready peeps!');
+
+ function convertBin2Dec(binaryExpr) {
+ const bin2Dec = {
+ '0000': 0,
+ '0001': 1,
+ '0010': 2,
+ '0011': 3,
+ '0100': 4,
+ '0101': 5,
+ '0110': 6,
+ '0111': 7,
+ '1000': 8,
+ '1001': 9,
+ '1010': 10,
+ '1011': 11,
+ '1100': 12,
+ '1101': 13,
+ '1110': 14,
+ '1111': 15,
+ };
+ const len = binaryExpr.length;
+ binaryExpr = len % 4 === 0 ? binaryExpr : '0'.repeat(4 - len % 4) + binaryExpr;
+ const maxPow = binaryExpr.length / 4;
+ let result = 0, pow = 1;
+ for (let i = 0; i < maxPow; i++) {
+ result += bin2Dec[binaryExpr.slice(4 * i, 4 * (i + 1))] * pow;
+ pow *= 16;
+ }
+
+ return result;
+ }
+
+ function validate() {
+ const formEl = document.getElementById('form');
+ const inputEl = formEl.querySelector('input');
+ const errMsgEl = formEl.querySelector('.error-message');
+ const outEl = document.getElementById('output');
+
+ let expr = '', isValid = false;
+
+ const handleValid = () => {
+ errMsgEl.className = 'error-message hidden';
+ errMsgEl.innerHTML = '';
+ const decExpr = convertBin2Dec(expr);
+ outEl.innerHTML = `Decimal equivalent of ${expr} : ${decExpr}`;
+ };
+
+ const handleInvalid = () => {
+ errMsgEl.className = 'error-message';
+ if (expr.length === 0) {
+ errMsgEl.innerHTML = 'Please enter a binary expression';
+ }
+ if (/[^0-1]+/g.test(expr)) {
+ errMsgEl.innerHTML = 'Only 0, 1 is allowed!';
+ return;
+ }
+ };
+
+ formEl.addEventListener('submit', e => e.preventDefault());
+
+ inputEl.addEventListener('keyup', (e) => {
+ outEl.innerHTML = '';
+ expr = e.target.value;
+ const validInputRegEx = /^[0-1]+$/g;
+ isValid = validInputRegEx.test(expr);
+ isValid ? handleValid() : handleInvalid();
+ });
+ }
+ domIsReady(function () {
+ validate();
});
})(document, window, domIsReady);
\ No newline at end of file
diff --git a/Solutions/1. Tier 1 - Begineer Projects/1. Bin2Dec/Web/style.css b/Solutions/1. Tier 1 - Begineer Projects/1. Bin2Dec/Web/style.css
index 3d40c189..e1028662 100644
--- a/Solutions/1. Tier 1 - Begineer Projects/1. Bin2Dec/Web/style.css
+++ b/Solutions/1. Tier 1 - Begineer Projects/1. Bin2Dec/Web/style.css
@@ -1,3 +1,7 @@
.hidden {
display: none;
+}
+
+.error-message {
+ color: red;
}
\ No newline at end of file