Mastering DOM Selection with JavaScript

🚀 Day 5/21 – JavaScript DOM Project Built a Random Quote Generator using JavaScript. Live Link: 🛠 Features implemented: ✅ Displays a random motivational quote ✅ Generates new quote on button click ✅ Uses JavaScript arrays and Math.random() ✅ Dynamic DOM updates 💡 Key Learning: Learned how to generate random values and update UI dynamically using DOM manipulation. #Day5 #JavaScript #DOM #FrontendDevelopment #LearnInPublic

🚀 Day 6 of #30DaysOfJavaScript Today I built a Random Password Generator using JavaScript. This project generates a secure random password and also allows users to copy it easily. 🔹 Features ✔ Generate random strong password ✔ Copy password to clipboard ✔ Clean and simple UI 🛠 Tech Used HTML CSS JavaScript 🔗 Live Demo: https://lnkd.in/gvMGMfgr 🔗 GitHub Repository: https://lnkd.in/gxigBsYp I’m improving my JavaScript skills by building projects every day. More projects coming soon 🚀 #javascript #webdevelopment #frontenddevelopment #coding #100daysofcode

💡 Built a simple interactive Counter using JavaScript! Features include: Increment & Decrement Reset Save & Load A small project, created for JavaScript practice, and it helped me strengthen my concept in DOM manipulation, event handling, and local storage. #JavaScript #WebDevelopment #Coding #Projects #JSPractice

🚀 What I Learned Today – JavaScript Basics Today I revised some important concepts in JavaScript: 🔹 Loops (for, while, do-while, for...of, for...in) 🔹 Infinite loop and why it should be avoided 🔹 Strings and how they store text 🔹 String properties (length, indexing) 🔹 Template literals & string interpolation 🔹 String methods (toUpperCase, trim, slice, replace, etc.) Also understood that strings are immutable in JavaScript. Small steps every day to become a better developer 💻 #JavaScript #WebDevelopment #LearningInPublic #CodingJourney

Day 14/21 – Built an Image Slider using JavaScript Today I built a simple image slider using JavaScript. The idea was to allow users to navigate through images using Previous and Next buttons. When the user clicks Next, the slider moves to the next image. When the user clicks Previous, it goes back to the previous one. Concepts I practiced today: • JavaScript DOM manipulation • Handling button click events • Updating images dynamically • Basic slider logic using JavaScript • Combining HTML, CSS, and JavaScript together. This project helped me understand how JavaScript can control content changes and user interactions on a webpage. Learning and building consistently with #sheryianscodingschool 🚀 #Day14 #21DaysChallenge #JavaScript #FrontendDevelopment #WebDevelopment #BuildInPublic #LearningInPublic

🚀 Today’s JavaScript Practice: Merging Two Arrays Using a For Loop Today I practiced how to merge two arrays in JavaScript using a for loop instead of built-in methods. This helped me better understand how array indexing and loops work internally. 🔹 First, I created two arrays with some numbers. 🔹 Then I used a for loop to copy elements from the first array into a new array. 🔹 After that, I used another for loop to add elements of the second array after the first array’s elements. 💻 Example idea: data1 = [10,20,30,40,50] data2 = [60,70,80,90,100] ✅ Result → [10,20,30,40,50,60,70,80,90,100] You can also check my GitHub profile for more practice projects and code. #DSA #JavaScript #WebDevelopment #CodingPractice 😊

Day 12 #100DaysOfCode 💻 Today I learned about Synchronous vs Asynchronous JavaScript, especially how setTimeout() and setInterval() work. JavaScript runs code synchronously by default (line by line). But functions like "setTimeout()" run asynchronously, meaning they execute later without blocking the main thread. Example: console.log("1"); setTimeout(() => { console.log("2"); }, 0); console.log("3"); Output: 1 3 2 Even with "0ms", "setTimeout" goes to the callback queue, so the synchronous code runs first. Understanding this concept helped me see how JavaScript handles non-blocking tasks. #JavaScript #AsyncJavaScript #WebDevelopment #CodingJourney #Akbiplob

🚀 30 Days of JavaScript – Day 4 Continuing my journey to improve JavaScript logical thinking by building small programs every day. 💡 Today’s Program: Vowel Identifier & Replacement This program: i) Takes a name as input ii) Identifies vowels (a, e, i, o, u) iii) Replaces vowels with * iv) Counts the total number of vowels in the name 🧠 Concepts Used: prompt() for user input for loop for iteration toLowerCase() for case handling includes() method Conditional logic (if / else) Example: Input → john Output → j*hn Total Vowels → 1 🎥 Demo below 👇 Full source code in the first comment. #JavaScript #WebDevelopment #CodingJourney #ProblemSolving #LearningJavaScript #30DaysOfCode

💡 Debounce vs Throttle in JavaScript – A concept every developer should know! Many developers confuse Debounce and Throttle, but understanding the difference can significantly improve application performance. 🔹 Debounce waits until the user stops triggering an event before executing the function. Perfect for: • Search inputs • Autocomplete • API calls 🔹 Throttle ensures a function runs only once within a fixed time interval. Perfect for: • Scroll events • Resize events • Continuous button clicks ⚡ Choosing the right technique helps reduce unnecessary function calls and improves user experience. 📌 Simple rule: Debounce → Wait for inactivity Throttle → Limit execution frequency #JavaScript #WebDevelopment #FrontendDevelopment #CodingTips #Developer #Programming

🚀 30 Days of JavaScript – Day 5 Continuing my journey to improve my JavaScript logical thinking by building small programs every day. 💡 Today’s Program: Reverse a String This program takes a word from the user and reverses it using a loop. 🧠 Concepts Used: • for loop • string indexing • basic string manipulation Example: Input → JavaScript Output → tpircSavaJ 🎥 Demo below 👇 Full source code in the First comment. #JavaScript #CodingJourney #ProblemSolving #WebDevelopment #Learning