Day 10 of #JavaScript30 Today I learned how Shift + checkbox selection works using vanilla JavaScript. When selecting one checkbox and then holding Shift while selecting another, all the checkboxes in between get selected automatically — similar to inbox selection behavior. What I practiced today: • Handling keyboard events (shiftKey) • Tracking the previously selected checkbox • Applying logic between two selected elements • Working with multiple checkboxes using JavaScript Small feature, but good logic practice. #JavaScript30 #JavaScript #WebDevelopment #LearningInPublic #HTML #CSS #VanillaJS
More Relevant Posts
-
Don’t learn randomly ❌ Follow a roadmap 💻 HTML & CSS → CodeWithHarry JavaScript → Chai aur Code Start today, stay consistent, and become a developer 🚀🔥 Save this for later!” #webdevelopment #codingjourney #learncoding #htmlcss #javascript
To view or add a comment, sign in
-
💡 Pure vs Impure Functions in JavaScript 🔹 Pure Function Same input → Same output. No side effects. const add = (a, b) => a + b; 🔸 Impure Function Depends on or changes external state. let total = 0; const addToTotal = (v) => total += v; 🚀 Why it matters? Predictable code. Easier testing. Fewer bugs. 👉 Write pure functions whenever possible. #JavaScript #CleanCode #FunctionalProgramming
To view or add a comment, sign in
-
Your website might feel slow… and JavaScript could be the reason. Unminified JS files add extra code, delay execution, and block performance. 👉 Clean code = faster website 💬 Comment “js” to get a free tool #WebsiteSpeed #WebPerformance #PageSpeed #JavaScript #FrontendDevelopment #TechnicalSEO #Optimization #WebDevelopment #CoreWebVitals #DigitalGrowth
To view or add a comment, sign in
-
One thing that used to confuse me in JavaScript: Why do both == and === even exist? Coming from other languages, it felt unnecessary. Turns out, they solve two different problems. == tries to be flexible and converts values: 0 == "0" → true === is strict, no conversion: 0 === "0" → false So it’s not random. It’s just two different rules: flexible vs exact. Most of the time, you just want exact. #javascript #webdevelopment
To view or add a comment, sign in
-
How to understand a Javascript function? What arguments are passed? Why it is passed? What is the function doing inside? What it is returning? What does the JS doing with the returned value? If you can answer to all the questions then you have understood a function. #Javascript #frontenddevelopement
To view or add a comment, sign in
-
Day 10 of 100 🎉 — Double digits!! In JavaScript, there is ONE value that is NOT equal to itself. Not a bug. Not a mistake. It's by design. 😱 Comment down 👇 5 lines — 5 answers! Hint: Its name literally says "Not a Number" — yet typeof says it IS a number. And isNaN vs Number.isNaN behave differently too. This one has LAYERS! 🧅 Full explanation in the comments tonight! #100DaysOfCode #JavaScript #CodingInterview #JavaScriptTips #WebDevelopment
To view or add a comment, sign in
-
-
#JavaScript Object Syntax Inline Styles in react are specified using Javascript objects. property names are written in camelCase instead of the traditional css kebab-case, const style = { backgroundColor: 'black', fontSize: '16px' }; #units For most numeric values, you need to specify units as a string (e.g., '16px'). Some propertices like zIndex, can take numeric values directly. const style = { padding : '1.6rem', zIndex: 1, };
To view or add a comment, sign in
-
📌 Question for Knowledge & Discussion (JavaScript) Explain the concept of an infinite loop in JavaScript using: for(;;) Also discuss different ways to stop this loop without using the break statement. ⚠️ Note: This is a discussion-based question. Please try to solve it yourself before checking any external help. Looking forward to your answers and different approaches! 💡
To view or add a comment, sign in
-
TIL: CSS hex colors have 4 valid formats 🎨 Most of us use hex colors like #ffffff in CSS, but there are actually 4 valid hex formats: Refer image. 💡 JS tip: you can convert hex strings to numbers in two easy ways: parseInt("ff", 16) // 255 Number("0xff") // 255 Handy when extracting RGB values from hex colors in JavaScript. #TIL #css #javascript #frontend #webdevelopment
To view or add a comment, sign in
-
-
Just built a simple yet functional Stopwatch using HTML, CSS, and JavaScript ( This project helped me strengthen my understanding of: • DOM manipulation • Event handling (Start, Stop, Reset) • Time logic and intervals in JavaScript • Structuring clean and responsive Ul with CSS Watching the timer run in real-time after writing the logic from scratch was a satisfying moment. Small projects like this continue to sharpen my problem-solving skills and build my confidence as a developer. Next step: improving the design and adding more advanced features #WebDevelopment #JavaScript #HTML #CSS #FrontendDevelopment #SoftwareEngineering
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