Day 23 of #30DaysOfJavaScript ✨ Built a Random Quote Generator that displays motivational quotes at the click of a button. Simple yet powerful—perfect for practicing DOM manipulation and event listeners. What I learned: Selecting DOM elements with querySelector Array indexing with Math.random() Event listener implementation Dynamic innerHTML updates This mini-project reinforces core JavaScript concepts in a practical, user-friendly way. Every click brings a new spark of motivation! 💡 Building momentum one day at a time. #100DaysOfCode and here is the live link : https://lnkd.in/dms78WbK #WebDevelopment #Frontend #JavaScript
More Relevant Posts
-
🧠 Day 18 of 21days challenge JavaScript WeakMap ⚡ WeakMap is a collection where keys must be objects. It helps in memory management because keys are weakly referenced. For easy understanding :- WeakMap = object keys only Garbage collected if no other references Useful to store private data 👉 That’s how memory leaks can be prevented This changed how I manage objects efficiently 🚀 #JavaScript #WeakMap #InterviewPrep #Frontend
To view or add a comment, sign in
-
-
💡 JavaScript Tricky Question let a = 'hello'; a[0] = 'H'; console.log(a); 👉 Output: `hello` ✅ Explanation: Strings in JavaScript are **immutable** (cannot be changed). Even though it looks like we’re modifying `a[0]`, JavaScript ignores it. So the original string stays the same. 🔹 To change it, you must create a new string: a = 'H' + a.slice(1); #JavaScript #WebDevelopment #Frontend #Coding #JSConcepts
To view or add a comment, sign in
-
Just built a simple Head & Tail game using JavaScript 🎯 I’m currently learning how to connect: • Functions • Objects • localStorage • DOM manipulation This project helped me understand how data (like scores) can be saved, updated, and displayed on the screen in real time. Still learning, still improving but I’m starting to really understand how everything connects together 🔥 More projects on the way 🚀 #JavaScript #WebDevelopment #BeginnerDeveloper #CodingJourney #Frontend #BuildInPublic
To view or add a comment, sign in
-
Practicing JavaScript Strings with a simple hands-on project 💻 Built a couple of small projects,out of them one is here 🔹 Convert text to UPPERCASE & lowercase 🔹 Remove extra spaces 🔹 Replace specific words dynamically This helped me improve my understanding of: ✔ String methods ✔ Regular expressions for cleaning text ✔ DOM manipulation & event handling #JavaScript #WebDevelopment #Frontend #CodingPractice #LearningJourney
To view or add a comment, sign in
-
🧠 Day 10 of 21days challenge JavaScript call, apply, bind 🔥 They allow you to control what “this” refers to in a function. You can borrow functions and use them with different objects. For easy understanding :- call → pass arguments one by one apply → pass arguments as array bind → returns new function 👉 That’s how we control “this” in JavaScript This changed how I understand functions 🚀 #JavaScript #CallApplyBind #Frontend
To view or add a comment, sign in
-
-
💻 JavaScript Array Methods – Hands-on Practice Completed Worked on some fundamental Array methods in JavaScript and practiced how they actually behave 👇 ✔️ Used push() and pop() to add/remove elements from the end ✔️ Used unshift() and shift() to work with elements at the beginning ✔️ Explored length to track array size ✔️ Understood the difference between slice() and splice() through practice 💡 Key takeaway: slice() does not modify the original array, while splice() directly changes it — this difference is really important while working with data. Practicing these basics is helping me build a strong foundation in JavaScript 🚀 #JavaScript #WebDevelopment #Frontend #CodingJourney #LearningByDoing
To view or add a comment, sign in
-
-
Most devs reach for a state management library too fast. Before you install Redux or Zustand, try this 👇🏾 // Manage related state together, not separately const [form, setForm] = useState({ name: '', email: '', password: '' }) const handleChange = (e) => { setForm(prev => ({ ...prev, [e.target.name]: e.target.value })) } One state object. One handler. Works for 90% of forms. Stop adding dependencies before you need them. Save this 🔖 #ReactJS #JavaScript #WebDevelopment #Fullstack #CodingTips
To view or add a comment, sign in
-
-
JavaScript Promise chaining vs async/await: Promise chains: → Harder to read → Error handling complex → Callback-ish Async/await: → Reads like sync code → try/catch works naturally → Easier debugging The choice is obvious. #JavaScript #AsyncJS #CleanCode
To view or add a comment, sign in
-
JS Pop Quiz: Did we just overwrite the Admin?! Let’s see who really understands JavaScript memory allocation! 👨💻👩💻 Look at the code snippet from @codewithsarir. We have a user1 object. We assign it to user2, and then change user2's role to 'Guest'. Question: What does console.log(user1.role) actually print? A) 'Admin' (Because we only changed user2) B) 'Guest' (Because they share the same reference) C) undefined D) It throws a TypeError Hint: Think about how JavaScript handles Objects versus Primitive types like strings. Does = make a copy, or just point to the same address? 🤔 Drop your guess in the comments before you test it in your IDE! 👇 Hashtags: #JavaScript #CodingQuiz #WebDesign #ProgrammerLife #Developers #LearnToCode #JS #Frontend #creators #codinglife #programmer
To view or add a comment, sign in
-
-
JavaScript basics that still matter: let vs var vs const var: • Function scoped • Can be redeclared let: • Block scoped • Can be updated const: • Block scoped • Cannot be reassigned Small concepts, big impact on clean code. Which one do you use the most? #JavaScript #CodingTips #Frontend
To view or add a comment, sign in
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