Add personal Info

01_Day_JavaScript_Refresher/first.js

@@ -30,8 +30,6 @@ function checkFAANG(){
     let check = false;
     for (let i = 0; i < MANGA.length; i++) {
         if (input.toUpperCase() === MANGA[i].toUpperCase()) {
-            console.log(input.toUpperCase());
-            console.log(MANGA[i].toUpperCase());
             check = true;
             break;
         }
@@ -41,3 +39,17 @@ function checkFAANG(){
     }
     else document.getElementById("result").innerHTML = "No this is not in FAANG";
 }
+
+function personalInfo() {
+    let firstName = document.getElementById("firstName").value;
+    let lastName = document.getElementById("lastName").value;
+    let age = document.getElementById("age").value;
+    let address = document.getElementById("address").value;
+    let city = document.getElementById("city").value;
+    let state = document.getElementById("state").value;
+    let zip = document.getElementById("zip").value;
+    let country = document.getElementById("country").value;
+    let phone = document.getElementById("phone").value;
+    let email = document.getElementById("email").value;
+    document.getElementById("personalInfo").innerHTML = `First Name: ${firstName} <br> Last Name: ${lastName} <br> Age: ${age} <br> Address: ${address} <br> City: ${city} <br> State: ${state} <br> Zip: ${zip} <br> Country: ${country} <br> Phone: ${phone} <br> Email: ${email}`;
+}

01_Day_JavaScript_Refresher/index.html

@@ -21,5 +21,19 @@
     <input type="text" id="company" placeholder="Enter the company name here"> </input>
     <button onclick = "checkFAANG()" id = "check"> Click here to check if the company belongs to FAANG</button>
     <div id = "result"> Here the result will get printed once the company is entered </div>
+
+    <div style="padding-top: 30px;" > Personal Info </div>
+    <input type="text" id="firstName" placeholder="Enter your first name here"> </input>
+    <input type="text" id="lastName" placeholder="Enter your last name here"> </input>
+    <input type="text" id="age" placeholder="Enter your age here"> </input>
+    <input type="text" id="email" placeholder="Enter your email here"> </input>
+    <input type="text" id="phone" placeholder="Enter your phone number here"> </input>
+    <input type="text" id="address" placeholder="Enter your address here"> </input>
+    <input type="text" id="city" placeholder="Enter your city here"> </input>
+    <input type="text" id="state" placeholder="Enter your state here"> </input>
+    <input type="text" id="zip" placeholder="Enter your zip code here"> </input>
+    <input type="text" id="country" placeholder="Enter your country here"> </input>
+    <button onclick = "personalInfo()" id = "personal"> Click here to print the personal info</button>
+    <div id = "personalInfo"> Here the personal info will get printed once the info is entered </div>
 </body>
 </html>