🚀 30 Days of JavaScript – Day 16 Starting to build more structured programs using JavaScript. 💡 Today’s Project: Contact Manager This program allows users to: • Add contacts (name & phone) • View stored contacts 🧠 Concepts Used: • functions • arrays of objects • oops • menu-driven logic This helped me understand how to organize code into reusable functions. 🎥 Demo below 👇 Full source code in the First comment. #JavaScript #WebDevelopment #CodingJourney #LearningJavaScript #ProblemSolving
More Relevant Posts
-
🚀 Day 67 | JavaScript Loops & Array Iteration Today I practiced JavaScript loops and working with arrays of objects 💻 🔹 What I Worked On: • Iterated through array of objects using for loop • Printed all elements and accessed object properties like loc • Used loop with step increment (i += 2) to print alternate values • Practiced reverse counting using for and while loops • Used forEach() for cleaner array iteration 💡 Key Learning: • Arrays of objects are very common in real-world applications • Loop conditions must be handled carefully (i < length vs <= length) • forEach() is simple and readable for iteration • Multiple ways to loop → choose based on requirement 🔥 Takeaway: 👉 Mastering loops is key to handling data efficiently in JavaScript Consistency is improving logic step by step 🚀 #Day67 #JavaScript #Loops #ArrayIteration #ProblemSolving #CodingJourney #10000Coders #WebDevelopment #SravanKumarSir
To view or add a comment, sign in
-
🚀 𝐃𝐚𝐲 𝟔/𝟏𝟓 𝐨𝐟 𝐌𝐲 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐋𝐞𝐚𝐫𝐧𝐢𝐧𝐠 𝐒𝐞𝐫𝐢𝐞𝐬 Today I learned about Functions in JavaScript 💡 👉 Functions are reusable blocks of code They help us avoid repeating the same code again and again. 📌 Syntax: function greet() { console.log("Hello!"); } 👉 Calling the function: greet(); // Hello! 📌 Functions with parameters: function greet(name) { console.log("Hello " + name); } greet("Kanishka"); 👉 Functions make code cleaner, reusable, and easy to manage 💻✨ 💬 Question: Have you started using functions in your projects? Let’s learn together 🚀 #JavaScript #WebDevelopment #LearningInPublic #Day6 #FrontendDevelopment
To view or add a comment, sign in
-
-
🚀 Day 37 - Revision Day 🔁 Today was all about revisiting previously learned JavaScript concepts and strengthening my foundation. No new topics......just focused revision to deepen understanding. 📚 What I revised: • JavaScript fundamentals (variables, data types) • Functions & scope • Arrays and objects • DOM basics • Problem-solving exercises ✅ Key Takeaways: ✔ Revision makes concepts stick better ✔ Small gaps become visible when you revisit ✔ Strong fundamentals = better coding confidence Slowing down today to move faster tomorrow...!💡 #LearnInPublic #JavaScript #WebDevelopment #CodingJourney #Consistency
To view or add a comment, sign in
-
Day 10 of My JavaScript Journey 🚀 Today, I learned about arrays in JavaScript. An array is a data structure used to store multiple values in a single variable. You can think of it as a container that holds different types of data. Example: let items = ["book", 10, true]; Arrays are written using square brackets [] and can even contain other arrays. I also learned some basic array operations: • push(): It adds a value to the end • pop(): It removes the last value • unshift(): It adds a value to the beginning • shift(): It removes the first value • indexOf(): It finds the position of a value • includes(): It checks if a value exists. One key thing I understood: Arrays make it easy to store, access, and manage multiple values efficiently. Key takeaway: Arrays are essential for handling collections of data in JavaScript. #JavaScript #WebDevelopment #LearningInPublic #100DaysOfCode
To view or add a comment, sign in
-
🚀 Understanding Factory Functions in JavaScript Ever felt confused using constructors and the new keyword? 🤔 That’s where Factory Functions make life easier! 👉 A Factory Function is simply a function that creates and returns objects. 💡 Why use Factory Functions? ✔️ No need for new keyword ✔️ Easy to understand (perfect for beginners) ✔️ Avoids this confusion ✔️ Helps in writing clean and reusable code ✔️ Supports data hiding using closures 🧠 Example: function createUser(name, age) { return { name, age, greet() { console.log("Hello " + name); } }; } const user = createUser("Sushant", 21); user.greet(); ⚠️ One downside: Methods are not shared (can use more memory) 🎯 Conclusion: Factory Functions are a great way to start writing clean and maintainable JavaScript code without complexity. #JavaScript #WebDevelopment #FrontendDeveloper #CodingJourney #LearnToCode #100DaysOfCode
To view or add a comment, sign in
-
-
🚀 𝐃𝐚𝐲 𝟓/𝟏𝟓 𝐨𝐟 𝐌𝐲 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐋𝐞𝐚𝐫𝐧𝐢𝐧𝐠 𝐒𝐞𝐫𝐢𝐞𝐬 Today I learned about Loops in JavaScript 🔁 👉 Loops are used to run a block of code multiple times. 📌 Types of Loops: 1️⃣ for loop for (let i = 0; i < 5; i++) { console.log(i); } 2️⃣ while loop let i = 0; while (i < 5) { console.log(i); i++; } 👉 Both loops do the same thing, but the use depends on the situation. 📌 Key Difference: for loop → when you know how many times to run while loop → when condition-based looping is needed Loops make coding faster and more efficient 💻✨ 💬 Question: Which loop do you find easier — for or while? Let’s learn together 🚀 #JavaScript #WebDevelopment #LearningInPublic #Day5 #FrontendDevelopment
To view or add a comment, sign in
-
-
🚀 Day 4/30 – JavaScript Challenge Solved: Counter II (LeetCode 2665) Today’s problem was all about understanding closures and how functions can maintain their own state in JavaScript. What I learned: 1.How closures help preserve variable values across function calls 2.Creating multiple operations (increment, decrement, reset) using a single function 3.Clean use of arrow functions for concise code Approach: I created a function that stores the initial value and returns an object with three methods: 1.increment() -> increases value 2.decrement() -> decreases value 3.reset() -> resets to initial value All of this works because of closure, where the inner functions still remember the variable n. Key Insight: Closures are powerful when you need to encapsulate data and control how it’s modified — a very common pattern in real-world JavaScript applications. Consistency is the real game here 🔥 Let’s keep building, one day at a time. #Day4 #30DaysOfCode #JavaScript #WebDevelopment #CodingChallenge #LeetCode #Closures #LearningJourney
To view or add a comment, sign in
-
-
Day 11 of My JavaScript Journey 🚀 Today, I learned about objects in JavaScript. Objects are used to store data in key-value pairs, making it easier to organize related information. Example: const user = { name: "John", age: 25 }; Objects are written using curly brackets {}. I also learned how to retrieve and update data in objects using: • Dot notation: user.name • Bracket notation: user["name"] Both methods allow you to access and modify object properties. One thing I realized: Objects are powerful for structuring data in a more meaningful way. Key takeaway: Understanding objects is essential for working with real-world data in JavaScript. #JavaScript #WebDevelopment #LearningInPublic #100DaysOfCode
To view or add a comment, sign in
-
🚀 𝐃𝐚𝐲 𝟒 𝐨𝐟 𝐌𝐲 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐋𝐞𝐚𝐫𝐧𝐢𝐧𝐠 𝐒𝐞𝐫𝐢𝐞𝐬 Today I learned about if-else (Conditions) in JavaScript 💡 👉 Conditions are used to make decisions in code. 📌 Syntax: if (condition) { // code runs if condition is true } else { // code runs if condition is false } 📌 Example: let age = 18; if (age >= 18) { console.log("You can vote"); } else { console.log("You cannot vote"); } 👉 Also learned about: else if → check multiple conditions 📌 Example: let marks = 75; if (marks > 90) { console.log("Grade A"); } else if (marks > 60) { console.log("Grade B"); } else { console.log("Grade C"); } 👉 Conditions help in building real-world logic 💻✨ 💬 Question: Have you used if-else in any project yet? Let’s learn together 🚀 #JavaScript #WebDevelopment #LearningInPublic #Day4 #FrontendDevelopment
To view or add a comment, sign in
-
-
Day 5 of My JavaScript Journey 🚀 Today, I learned about if/else statements and type conversion in JavaScript. The if/else statement is used to control the flow of a program based on conditions. Example: if (age > 18) { console.log("Adult"); } else { console.log("Not an adult"); } I also learned about type conversion and coercion. • Type conversion is when we manually change a value from one type to another. • Type coercion is when JavaScript automatically converts types behind the scenes. For example: "5" + 2 = "52" (coercion happens) One thing that stood out to me: JavaScript can behave unexpectedly if you don’t understand type coercion. Key takeaway: Always be mindful of data types when writing conditions and operations. #JavaScript #WebDevelopment #LearningInPublic #100DaysOfCode
To view or add a comment, sign in
Explore related topics
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development
let contacts = []; // function to add contact function addContact() { let name = prompt("Enter name:"); let phone = prompt("Enter phone number:"); contacts.push({ name: name, phone: phone }); alert("Contact added!"); } // function to view contacts function viewContacts() { let list = "Contact List:\n"; for (let i = 0; i < contacts.length; i++) { list += contacts[i].name + " - " + contacts[i].phone + "\n"; } alert(list); } let running = true; while (running) { let choice = prompt( "Contact Manager\n" + "1. Add Contact\n" + "2. View Contacts\n" + "3. Exit\n" + "Enter choice:" ); if (choice === "1") { addContact(); } else if (choice === "2") { viewContacts(); } else if (choice === "3") { running = false; alert("Goodbye!"); } else { alert("Invalid option"); } }