Functions recursions

TheShubham-K · TheShubham-K · commit 9f48da91b5df · 2020-05-27T14:57:38.000+05:30
diff --git a/Intermediate_JavaScript/Function_Recursion.html b/Intermediate_JavaScript/Function_Recursion.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>&#x1F3F4;&#x200D;&#x2620;&#xFE0F; Complete Javascripts Course</title>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous" />
+    <style>
+        .box {
+            width: 100px;
+            height: 100px;
+            border: 1px solid black;
+            display: inline-block;
+        }
+    </style>
+</head>
+
+<body>
+    <br />
+    <br />
+    <center>
+        <!-- <input type="text" id="item"> -->
+        <br />
+        <div id="wrapper">&#x1F4C3; &#x1F3EA; 👾</div>
+        <br />
+        <div id="message">Complete JavaScript Course</div>
+        <!-- <input type="button" class="btn btn-outline-warning" onClick="lookUp()" value="Find Text"> -->
+        <div id="test">
+            <div>First</div>
+            <div>Second</div>
+            <div>Three
+                <div>Four
+                    <div>Five</div>
+                    <div>Five</div>
+                    <div>Five</div>
+                    <div>Five</div>
+                    <div>Five</div>
+                    <div>Five</div>
+                </div>
+            </div>
+        </div>
+        <br /><br />
+    </center>
+    <script>
+        var message = document.getElementById("message");
+        var output = document.getElementById("output");
+
+        // var myArr = ["Laurence", "Mike", "John", "Larry", "Kim", "Joanne", "Lisa", "Janet", "Jane", "Joylean", "Khanne"];
+
+        cUp();
+
+        function cUp() {
+            var test = document.getElementById('test');
+            cNode(test);
+        }
+
+        function cNode(data) {
+            for (var x = 0; x < data.children.length; x++) {
+                var c = data.children[x];
+                sNode(c);
+                cNode(c);
+            }
+        }
+
+        function sNode(data) {
+            var bgColor = '#' + Math.random().toString(16).substr(-6);
+            console.log(bgColor);
+            data.style.backgroundColor = bgColor;
+            data.classList.add('box');
+        }
+    </script>
+
+
+
+    <script src="https://code.jquery.com/jquery-3.5.0.js"
+        integrity="sha256-r/AaFHrszJtwpe+tHyNi/XCfMxYpbsRg2Uqn0x3s2zc=" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
+</body>
+
+</html>
