Mastering JavaScript fundamentals with var, let, const, and DOM interactions

 Understanding Variables in JavaScript Today, I explored one of the core fundamentals of JavaScript — Variables. Variables act as containers for storing data, and they play a major role in how programs handle, update, and manage information. JavaScript provides three ways to declare variables: var, let, and const. Each behaves differently in terms of scope, reassignment, and hoisting — making it important to choose the right one based on the requirement. 🔍 Key Points I Learned ✔️ Variables store dynamic values like numbers, strings, arrays, objects, etc. ✔️ var → function-scoped, older way, can lead to unexpected behavior ✔️ let → block-scoped, ideal for values that change ✔️ const → block-scoped, used for fixed values (cannot be reassigned) ✔️ ES6 improved code reliability by introducing let and const Building strong fundamentals like variables helps in writing cleaner, predictable, and modern JavaScript code. 🚀 Grateful to my mentor Sudheer Velpula for guiding and encouraging consistent learning. 🙌 #JavaScript #Variables #WebDevelopment #Frontend #CodingJourney #ES6 #ProgrammingBasics #LearnJavaScript #TechLearning #DeveloperCommunity

✨ Today I learned something simple but powerful in JavaScript — Removing duplicates & flattening arrays! These two tricks help keep your data clean and easy to work with. 🚀 🔹 Remove Duplicates from an Array Using Set (fast & clean): const numbers = [1, 2, 2, 3, 4, 4, 5]; const uniqueNumbers = [...new Set(numbers)]; console.log(uniqueNumbers); // [1, 2, 3, 4, 5] --- 🔹 Flatten a Nested Array Using flat(): const nested = [1, [2, [3, 4]], 5]; const flatArray = nested.flat(2); console.log(flatArray); // [1, 2, 3, 4, 5] --- 🔥 These small improvements help write cleaner, more readable code. If you're learning JavaScript, definitely try these out! #JavaScript #Learning #WebDevelopment #CodingJourney #100DaysOfCode

🚀 Day 7 of My 30 Days of JavaScript Journey ✅ Challenge: Array Reduce Transformation (LeetCode #2626) Write a function reduce(nums, fn, init) that processes each element of the array using the given reducer function fn, starting from an initial value init. This function should accumulate results sequentially and return the final value — implemented without using the built-in Array.reduce() method. 💻 Language Used: JavaScript ❓ Problem Link: https://lnkd.in/gxsp26cz 💡 Solution: https://lnkd.in/giZj_hYw 🧠 Concept Highlighted: This problem deepened my understanding of accumulator functions, data aggregation, and sequential computation in JavaScript. It helped me explore how the powerful reduce() method works behind the scenes — a key tool for transforming and summarizing data efficiently. #Day7 #JavaScript #LeetCode #30DaysOfCode #CodingChallenge #WebDevelopment #FrontendDevelopment #LearningEveryday #ProblemSolving #FunctionalProgramming

Day 8 of #30DaysOfJavaScript: Counting Function Arguments with Rest Parameters! 🎯 Solved an interesting and fundamental problem today—writing a function that returns the count of arguments passed to it. This challenge sharpened my understanding of JavaScript’s rest parameters and how they simplify working with variable numbers of arguments. Here’s my solution: javascript var argumentsLength = function(...args) { return args.length; }; Key insights gained: rest parameters allow capturing an indefinite number of arguments in an array-like structure. This approach is cleaner and more intuitive than using the legacy arguments object. Mastering these basics is essential for writing flexible, reusable functions in JavaScript. Excited to keep progressing on this learning journey and uncovering more of JavaScript’s powerful features every day! If you’re also working through JavaScript fundamentals or coding challenges, let’s connect and share tips. #JavaScript #RestParameters #CodingChallenge #LeetCode #WebDev #LearningByDoing #SoftwareDevelopment

🚀 Leveling up my JavaScript skills! Today I practiced some advanced JavaScript concepts — closures, rest operator, array methods (forEach, map, reduce, filter) — and built mini-functions to strengthen my logic. 💡 Key takeaway: Arrow functions + rest operator make your code clean and scalable. Array methods like map, reduce, filter + closures help solve real-world problems efficiently. I’m documenting my 60-day JavaScript challenge to keep learning and grow my network. 💻 You can also check my **public coding diary** on GitHub:   https://lnkd.in/ge6G2yk5 💬 Let’s connect! If you’re into JS, share your favorite JS trick or function — I’d love to learn from you! #JavaScript #WebDevelopment #100DaysOfCode #CodingChallenge #FrontEndDeveloper #LearningInPublic #MERNStack

Day 4 of #30DaysOfJavaScript: Mastering Array Transformations Without .map() 🚀 Today’s task was about thinking beyond built-in methods by writing a custom function to transform every element of an array, similar to how .map() works in JavaScript — but doing it all manually! My solution involved iterating over the input array and applying a transformation function to each element, building up a new array with the results: What I learned today: Reinforced fundamentals of array traversal and callback functions. Understood how helpful built-in methods like .map() are—and exactly how they work under the hood. Practiced writing cleaner, modular, and reusable code. Challenging myself with these basics is already making my JavaScript much stronger! On to Day 5 🔥 Are you also on a coding challenge journey? Let’s connect and learn together! #JavaScript #CodingChallenge #WebDevelopment #LearningByDoing #LeetCode #ProblemSolving #TechCommunity

🚀 If you still use var in JavaScript... you’re living in 2010! Let’s talk about one of the most underrated but powerful differences every JS developer must understand 👇 When I was learning JavaScript, I thought var and let were just different ways to declare a variable... But the day I understood why let replaced var, everything changed. 💡 Here’s the truth: 🔹 var is function-scoped, gets hoisted, and even worse — it attaches itself to the window object in browsers! Meaning: Anyone can access or even overwrite your variables globally 😱 var token = "mySecret"; console.log(window.token); // 🫣 Accessible to everyone Now imagine storing API keys, tokens, or user info like that... Yes — that’s not just bad practice; it’s a security risk. 🔒 Why let (and const) are the heroes: ✅ Block-scoped (safe inside { }) 🚫 Not attached to window ⚡ No accidental redeclaration 🔥 Prevents bugs caused by hoisting They bring safety, clarity, and modern standards to your code. When you finally understand this while learning JS, you realize why every developer, framework, and company today avoids var completely. It’s not just about syntax — it’s about secure, predictable, and professional JavaScript. 💪 #JavaScript #WebDevelopment #CodingTips #FrontendDevelopment #MERNStack #LearnCoding #WebDeveloper #CodeNewbie #TechCommunity #DeveloperLife #CodingJourney #LetsCode #100DaysOfCode

Today I learned three powerful JavaScript methods: map(), filter(), and reduce() 🧠 These methods make working with arrays super efficient — instead of writing long loops, you can do everything in just a few lines of clean code! map() → transforms each element filter() → filters elements based on condition reduce() → reduces all elements into a single value (like sum or total) Learning how they work together really changed the way I think about data manipulation in JS 😍 #JavaScript #FrontendDevelopment #CodingJourney #WebDevelopment #LearningEveryday

🚀 Building a Simple JavaScript MCQ Quiz: Objects & Functions in Action! 🚀 I created a simple multiple-choice quiz application using JavaScript, focusing on core concepts like objects and functions to make the quiz interactive and scalable. 🔹 The quiz stores questions, options, and answers inside an array of objects. 🔹 It prompts users to answer each question, collects their responses, and calculates the score dynamically. 🔹 The results are displayed cleanly with correct answers. This project was a great way to practice: ✔️ Object manipulation ✔️ Looping through arrays ✔️ User input handling with prompt() ✔️ Dynamic output with DOM manipulation Why this matters: Building small projects like this is a fantastic way to reinforce JavaScript fundamentals and understand how data structures and functions work together in real applications. "Feel free to check out my code; I would highly appreciate your suggestions on how to improve it. Code Link : https://lnkd.in/d2zXKxbd Visit Page : https://lnkd.in/dT4fPB9Y . Happy coding! 💻✨ #JavaScript #Coding #WebDevelopment #LearningToCode #Programming #JavaScriptProjects #CodingPractice #SMIT #Saylani

🚀 Day 44 of #100DaysOfWebDevelopment Challenge Today, I continued exploring JavaScript Arrays and learned some advanced yet essential concepts that deepen the understanding of how arrays behave and interact in memory. 🔹 sort() Method I learned how the sort() method arranges elements in an array. By default, it sorts elements as strings (lexicographically), which can sometimes lead to unexpected results with numbers. To handle numeric sorting, we can pass a compare function to customize the sorting logic. 🔹 Array References Arrays in JavaScript are reference types, meaning when we assign one array to another variable, both variables point to the same memory location. So, changing one array affects the other — an important behavior to remember when manipulating data. 🔹 Constant Arrays Even if an array is declared using const, its elements can still be modified. The const keyword only prevents reassigning the variable reference — not changing the contents of the array itself. 🔹 Nested Arrays I also explored nested arrays, which are arrays within arrays. They’re useful for representing structured or tabular data, and elements can be accessed using multiple indices (e.g., arr[1][2]). 💡 Key Takeaway: Today’s topics gave me a deeper understanding of how arrays work behind the scenes — especially regarding memory references, sorting, and managing complex data structures like nested arrays. #100DaysOfCode #WebDevelopment #JavaScript #FrontendDevelopment #CodingJourney #LearningInPublic