🧠 Day 37/100 – KeyCode Detector using JavaScript ⚡ Continuing my #100DaysOfCode challenge with another fun and interactive project! Today, I built a KeyCode Detector App that shows the key codes of the keys you press. 🎹 ✨ What I learned today: 🔹 How to use keyboard events (keydown) in JavaScript 🔹 How to dynamically create and update HTML elements using the DOM 🔹 Improved understanding of event objects and how browsers handle user input This project is simple yet powerful — great for understanding real-time interactions between users and web applications. 💡 #100DaysOfCode #JavaScript #WebDevelopment #Frontend #LearningByDoing #CodingChallenge #NxtWave #CCBP #HTML #CSS #DOMManipulation #KeyboardEvents
More Relevant Posts
-
👇 💣 Day 38/100 – Bomb Defuser Timer using JavaScript ⏱ Thrilled to continue my #100DaysOfCode journey with an exciting mini-project — a Bomb Defuser Timer App 💥 In this project, I created a countdown timer that ticks down from 10 seconds, and the user must type “defuse” before it hits zero to prevent the bomb from exploding! 🧨 ✨ What I learned today: 🔹 How to use setInterval() and clearInterval() for timer control ⏳ 🔹 Handling keyboard events (like pressing Enter) 🔹 Real-time DOM updates for dynamic interactions A fun way to practice JavaScript timing and event handling — definitely one of the most thrilling projects so far! ⚡ #100DaysOfCode #JavaScript #WebDevelopment #Frontend #LearningByDoing #NxtWave #CCBP #CodingChallenge #HTML #CSS #DOMManipulation #TimerApp #JavaScriptProjects
To view or add a comment, sign in
-
⏰ Day 39/100 – Time Converter using JavaScript ⚡ Excited to share my next project in the #100DaysOfCode challenge — a Time Converter App! 🕒 This simple yet useful app takes input in hours and minutes and converts it into seconds instantly. A great exercise to sharpen my JavaScript logic and DOM manipulation skills. 💡 ✨ What I learned today: 🔹 Handling user inputs and form validations 🧮 🔹 Performing arithmetic operations dynamically 🔹 Updating the DOM with calculated results Every project adds more clarity to my understanding of JavaScript fundamentals and real-world problem-solving! 💪 #100DaysOfCode #JavaScript #WebDevelopment #Frontend #NxtWave #CCBP #CodingChallenge #LearningByDoing #HTML #CSS #DOMManipulation #ProblemSolving
To view or add a comment, sign in
-
|| Day - 27 || + JavaScript Basics : Cohort 2.0 ✨ Key Learnings of the Day: 1. Explored different console functions such as console.log(), console.error(), and console.table() to debug and display data efficiently. 2. Learned various string operations and how to manipulate text dynamically using JavaScript. + Step 2 in JavaScript for Web Development. >> #HarshVandanaSharma #SheriyansCohort2 #SheriyansCodingSchool #LearningJourney #JS #WebDevelopment #FrontendDesign #CareerGrowth
To view or add a comment, sign in
-
-
Just built a small yet cool project — a Color Changer App 🎨 using plain JavaScript! It’s a simple idea: click any color button, and the entire background changes instantly. But behind the scenes, I got hands-on practice with some core JS concepts — like event listeners, DOM manipulation, and style updates through JavaScript. It’s amazing how even small projects like this can boost your understanding of the basics. Step by step, learning and improving every day 💻✨ #JavaScript #FrontendDevelopment #WebDevelopment #CodingJourney #HTML #CSS #LearningByBuilding #WebDeveloper #DOMManipulation #Frontend #ProgrammerLife #100DaysOfCode #ExlonTech
To view or add a comment, sign in
-
JavaScript for 15 Days – Day 6: If / Else Statements. Today you'll know how to make your JavaScript code think and decide using if, else if, and else statements. These structures allow programs to run different blocks of code based on specific conditions just like real-life decisions: let score = 85; if (score >= 90) { console.log("Excellent!"); } else if (score >= 70) { console.log("Good job!"); } else { console.log("Keep practicing!"); } Key Takeaways: if checks the first condition. else if tests another one if the first fails. else runs only when all above are false. Conditional statements are what make code dynamic and smart they let programs respond to different situations! #JavaScript #FrontendDevelopment #WebDevelopment #CodingJourney #LearnToCode #15DaysJS #DevPerDay
To view or add a comment, sign in
-
💻 JavaScript Code Challenges: Level Up Your Skills 💻 Want to truly master JavaScript? Stop memorizing and start practicing with real engine-level challenges: 1️⃣ Scope & Lexical Environment let a = 10; function test() { let a = 20; console.log(a); } test(); // ? console.log(a); // ? 2️⃣ Closures function counter() { let count = 0; return function() { count++; return count; } } const inc = counter(); console.log(inc()); // ? console.log(inc()); // ? 3️⃣ Hoisting & TDZ console.log(x); // ? let x = 5; console.log(y); // ? var y = 10; ✅ Challenge yourself: Predict the output before running the code. Understand why it behaves that way. That’s how you think like the JS engine! #JavaScript #CodingChallenge #Closures #Scope #Hoisting #LexicalScoping #TDZ #DevCommunity #WebDevelopment #ProgrammingTips #CleanCode
To view or add a comment, sign in
-
Day 69 of #100DaysCodeChallenge Today, I practiced an exciting JavaScript functionality — a Click Counter App that remembers your progress using Local Storage! What I did: ✅ Added HTML elements inside the container with the id clickCounterContainer. ✅ Created a span element with the id counterValue to display the count. ✅ Added a button with the id incrementBtn to increase the count. ✅ Used Local Storage to save the click count value with the key clickCount. ✅ On page reload, if clickCount exists, it displays the saved value; otherwise, it starts from 0. ✅ Each button click increments the count and updates both the screen and local storage. This practice helped me understand how to persist data across sessions using localStorage — a crucial concept in modern web development! #100DaysOfCode #Day69 #JavaScript #WebDevelopment #FrontendDevelopment #LearnByDoing #CCBP #NxtWave #CodingJourney #ProgrammerLife #HTML #CSS #JS #CodeNewbie #PracticeMakesPerfect #DeveloperCommunity
To view or add a comment, sign in
-
💡 The Curious Case of NaN in JavaScript Ever tried this in JavaScript? 👇 console.log(typeof NaN); // 🤔 Surprise! The output is "number" 😄 That’s right — NaN (Not-a-Number) is ironically of type number! It represents an invalid numeric operation — like dividing 0 / 0 or parsing Number("abc"). Think of it like this: “NaN is JavaScript’s polite way of saying — I tried to do the math, but it doesn’t make sense!” 😅 #JavaScript #CodingTips #WebDevelopment #FrontEnd #LearnJavaScript #CodeNewbie #TechCommunity #DeveloperLife #ProgrammingHumor
To view or add a comment, sign in
-
From 10 Days to Billions of Users — The Story of JavaScript In 1995, a developer named Brendan Eich built JavaScript in just 10 days. At the time, the web was mostly static — no animations, no dropdowns, no interactivity. But JavaScript changed everything. What started as a simple scripting language is now the backbone of the modern internet. It powers over 98% of all websites, drives frameworks like React, and even runs on servers through Node.js. It’s amazing how something created in less than two weeks now shapes the digital world we live in. A powerful reminder that big things often start small — all it takes is one good idea and the courage to build it. #JavaScript #WebDevelopment #Programming #TechFacts #Innovation
To view or add a comment, sign in
-
🚀 Go + WASM: A real-time dashboard built in a few hours… with almost no JavaScript No Vue. No React. Under 60 lines of JavaScript. The challenge Build a production-quality dashboard without adopting yet another JavaScript framework that needs its own framework… and a framework for that framework’s build tool. The result ✅ Real-time health checks ✅ Instant search + sorting ✅ Smooth auto-refresh ✅ Minimal JavaScript (just the WASM loader) ✅ Everything else in Go, compiled to WebAssembly Just Go everywhere, from server to browser. Next challenge Scale this same design to 100,000 hosts. Curious about Go + WASM? DM me. #golang #webassembly #webdev #typescript #javascript #programming
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