Learning JavaScript basics: variables, user interaction, strings, and more

Exploring the power of DOM manipulation in JavaScript, I created a simple yet fun project — a Color Changer that updates the background color dynamically with just a click. Through this project, I learned how to: ✨ Access and modify HTML elements using JavaScript 🎯 Add event listeners for interactivity 🌈 Work with random colors and CSS styling through JS Small projects like these help me strengthen my fundamentals and build confidence in JavaScript. 🚀 Here’s a quick preview 👇 (You can attach a screenshot or short video demo here 🎥) #JavaScript #WebDevelopment #Frontend #CodingJourney #LearningByDoing #pythondeveloper.

🚀 Just finished a small JavaScript project! I built a modal window that opens and closes when clicking buttons, the overlay, or pressing the Escape key. 🧠 This helped me understand: - querySelector / querySelectorAll - addEventListener - classList.add() and .remove() - Keyboard events like keydown Check out the full project on GitHub 👇 🔗 https://lnkd.in/euzZQVBA #JavaScript #WebDevelopment #Frontend #LearningInPublic #Makhilens

🎓 Here’s a quick project to practice DOM manipulation in JavaScript; 💡A toggle button for dark/light mode; 🧠What you’ll learn: How to use classList.toggle() in JavaScript; #WebDevelopment #JavaScript #HTML #CSS #FrontEnd #CodingPractice #DarkMode #LightMode #UITutorial #WebDesign #LearnToCode #WomenInTech #linkedinlearn

🚀 Day 3 – Level 3 of my 4 Days JavaScript Challenge! 💡 Today's Topic: Difference between call() and apply() in JavaScript Both are used to set the this context and invoke a function immediately — but the way they pass arguments makes all the difference 👇 🪄 Quick Tip 🔹 Use call() when you already know the exact number of arguments. 🔹 Use apply() when arguments are coming dynamically as an array. #JavaScript #WebDevelopment #CodingChallenge #Frontend #LearnInPublic

Every line of code counts when you’re building something from scratch 💻 Here’s Manisha Sahoo Stopwatch Timer & Lap Tracker, made with HTML, CSS, and JavaScript — precise, minimal, and fully functional ⏱️ You can check it out yourself - https://lnkd.in/gPEcFr7E #codemindsorg #stopwatch #laprecord #learnbybuilding #webdev #webdevelopment #opensourceprojects #html #css #js #javascript #development

Another small JavaScript project an Interactive Menu Filter! It includes buttons like All, Breakfast, Lunch, and Steak clicking on each filters the menu cards to show only related items. A great exercise for improving event handling and array filtering with JavaScript. #JavaScript #FrontendDevelopment #WebProjects #CodingPractice #LearnByDoing

Today I learned about three important JavaScript loops: forEach() for...in for...of Each one has its own purpose: forEach() — used to loop through array elements for...in — used to iterate over object keys for...of — used to loop through iterable values like arrays or strings Understanding the difference between them really cleared things up for me 💡 #JavaScript #WebDevelopment #LearningJourney #Frontend #100daysofcode

🚀 Day 45 | JavaScript DOM Manipulation 🚀 Today I explored one of the most powerful parts of JavaScript — the DOM (Document Object Model). 🧠 Key Takeaways: • Selected elements using getElementById(), querySelector(), etc. • Updated text & HTML content dynamically • Created and inserted new elements using createElement() & appendChild() • Removed elements efficiently with removeChild() ✨ Insight: DOM manipulation connects structure (HTML) and logic (JS), allowing you to make websites truly interactive. 🔗 GitHub: https://lnkd.in/dtdU9-zZ #WebDevelopment #JavaScript #DOM #Frontend #CodingJourney #LearnWithLoveBabbar

🚀 Dynamic DOM Manipulation with JavaScript 💻 Just explored how to create an unordered list dynamically using JavaScript DOM methods like createElement(), appendChild(), and textContent. No hardcoding — everything gets generated through JS! 🔥 This small step helped me understand how JavaScript interacts with the DOM and how elements can be created, modified, and added dynamically. 🌿 💡 Tech used: HTML, JavaScript (DOM) 📁 Output: “fruit 1 to fruit 5” list generated automatically 🍎 #JavaScript #FrontendDevelopment #WebDevelopment #LearningJourney #DOM #CodingPractice #DeveloperInProgress #WomenInTech #HTML #JSBeginners #CodeNewbie

🚀 JavaScript isn’t just a language — it’s pure magic that runs the web! Let’s do a quick JS challenge 👇 👉 Guess what this code will print: console.log(typeof null); Most people say "null", but surprise — the answer is actually "object" 😲 That’s one of JavaScript’s oldest quirks — a bug that became a feature! It reminds us that no language is perfect, but JavaScript’s flexibility and weirdness are what make it so powerful. 💪 💬 Now your turn: What’s the most confusing or fun JS behavior you’ve encountered? Drop it in the comments — let’s see who can out-weird JavaScript today! ⚡ #JavaScript #Coding #WebDevelopment #ProgrammingHumor #LearnToCode