Evavic44
diff --git a/‎09-Data-Structure-Modern-Operators-and-Strings/README.md‎
Lines changed: 1 addition & 0 deletions b/‎09-Data-Structure-Modern-Operators-and-Strings/README.md‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎09-Data-Structure-Modern-Operators-and-Strings/challenge.js‎
Lines changed: 46 additions & 0 deletions b/‎09-Data-Structure-Modern-Operators-and-Strings/challenge.js‎
Lines changed: 46 additions & 0 deletions
diff --git a/‎css/main.css‎
Lines changed: 40 additions & 1 deletion b/‎css/main.css‎
Lines changed: 40 additions & 1 deletion
diff --git a/‎css/main.css.map‎
Lines changed: 1 addition & 1 deletion b/‎css/main.css.map‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎index.html‎
Lines changed: 1 addition & 2 deletions b/‎index.html‎
Lines changed: 1 addition & 2 deletions
@@ -917,6 +917,7 @@ planesInline(5); // There are 5 planes in line ✈️✈️✈️✈️✈️
 - `indexOf()`: Returns the position of the first occurrence of a substring.
 - `lastIndexOf()`: Returns the last occurrence of a substring in the string.
 - `slice()`: Returns a section or the index to the beginning of the specified portion of stringObj
+- `split()`:
 - `starsWith()`: Returns true if the sequence of elements of searchString converted to a String is the same as the corresponding elements of this object (converted to a String) starting at position. Otherwise returns false.
 - `endsWith()`: Returns true if the sequence of elements of searchString converted to a String is the same as the corresponding elements of this object (converted to a String) starting at endPosition – length(this). Otherwise returns false.
 - `padStart`: Pads the current string with a given string (possibly repeated) so that the resulting string reaches a given length. The padding is applied from the start (left) of the current string.
 
@@ -295,3 +295,49 @@ console.log(stringBalanced("()"));
 console.log(stringBalanced("(()"));
 console.log(stringBalanced("))()))))()"));
 console.log(stringBalanced(")))))"));
+
+// ----------------------------------------
+// Coding Challenge #4
+// ----------------------------------------
+
+/* 
+  Write a program that receives a list of variable names written in underscore_case and covert them to camelCase.
+
+  The input will come from a textarea inserted into the DOM (see code below), and conversion will happen when the button is pressed.
+
+  THIS TEST DATA (pasted to textarea)
+  underscore_case
+  first_name
+    Some_Variable
+   calculate_AGE
+  delayed_depature
+
+  Desired OUTPUT (5 seperate console.log() outputs)
+  * underscoreCase  ✅
+  * firstName       ✅✅
+  * someVariable    ✅✅✅
+  * calculateAge    ✅✅✅✅
+  * delayedDepature ✅✅✅✅✅
+  
+  HINT 1: Remember which character defines a new line in the textarea 🙂 
+  HINT 2: The solution only needs to work for a variable made out of 2 words, like a_b
+  HINT 3: Start without worrying about the ✅. Tackle that only after you have the variable name conversion working. 🙂
+  HINT 4: This challenge is difficult on purpose, so start watching the solution in case you're stuck. Then pause and continue!  
+*/
+
+document.body.append(document.createElement("textarea"));
+document.body.append(document.createElement("button"));
+
+const btn = document.querySelector("button");
+btn.textContent = "Submit";
+
+btn.addEventListener("click", function convertCase() {
+  let text = document.querySelector("textarea");
+  const rows = text.value.split("\n");
+
+  for (const [i, individualEl] of rows.entries()) {
+    const [first, second] = individualEl.toLowerCase().trim().split("_");
+    const result = first + second[0].toUpperCase() + second.slice(1);
+    console.log(`${result.padEnd(20)} ${"✅".repeat(i + 1)}`);
+  }
+});
@@ -9,7 +9,6 @@
     <title>JavaScript Course</title>
   </head>
   <body>
-    <h1>Console.log</h1>
-    <script src="09-Data-Structure-Modern-Operators-and-Strings/script.js"></script>
+    <script src="09-Data-Structure-Modern-Operators-and-Strings/challenge.js"></script>
   </body>
 </html>