71

Author: shivkumar98

05-javascript-a-ds-new/2-advanced-javascript/2d-learn-recursion-by-building-binary-converter/README.md

@@ -396,14 +396,29 @@
    </details>
 
 * I clear out the `decimalToBinary()` function and write the base case of the recursive call:
-```js
-const decimalToBinary = (input) => {
-   if (input === 0) {
-      return "";
-   }
-};
-```
+   ```js
+   const decimalToBinary = (input) => {
+      if (input === 0) {
+         return "";
+      }
+   };
+   ```
 * I need to halve my input, and append it to the remainder of `input ÷ 2`, so I add the following recursion case:
-```js
+   ```js
+   const decimalToBinary = (input) => {
+      if (input === 0) {
+         return "";
+      } else {
+         return decimalToBinary(Math.floor(input / 2)) + (input % 2);
+      }
+   }
+   ```
+* I still need to set the text of the `result` div, I do this in the `checkUserInput()` function:
+   ```js
+   const checkUserInput = () => {
+      // EXISTING CODE
 
-```
+      result.textContent = decimalToBinary(parseInt(numberInput.value))
+      numberInput.value = ''
+   }
+   ```

05-javascript-a-ds-new/2-advanced-javascript/2d-learn-recursion-by-building-binary-converter/code/script.js

@@ -5,16 +5,18 @@ const result = document.getElementById("result")
 const decimalToBinary = (input) => {
     if (input === 0) {
        return "";
+    } else {
+       return decimalToBinary(Math.floor(input / 2)) + (input % 2);
     }
-};
+ }
 
 const checkUserInput = () => {
     if (!numberInput.value || isNaN(parseInt(numberInput.value)) || parseInt(numberInput.value)<0) {
         alert("Please provide a decimal number greater than or equal to 0");
         return;
     }
 
-    decimalToBinary(parseInt(numberInput.value))
+    result.textContent = decimalToBinary(parseInt(numberInput.value))
     numberInput.value = ''
 }