Day-37 | JavaScript Logic Through Real Games 🎮 Today, I focused on turning JavaScript concepts into real user interactions, instead of just learning syntax. I worked on small games and utilities that respond instantly to user input — just like real websites do. What I learned today 👨💻 ➕ Addition Game Generating random numbers dynamically Reading user input and validating it Giving instant feedback for correct and wrong answers Resetting the game state cleanly 🎨 Random Color Generator Storing multiple values and picking one randomly Changing UI styles dynamically Understanding how randomness works in real applications Core concepts I understood clearly today 🧠 How logic controls UI behavior How user input flows → validation → output How small decisions in code create interactive experiences Key realization 👇 JavaScript isn’t about writing lines of code. It’s about controlling behavior and responding to users in real time. Games made this obvious: Every click triggers logic Every result depends on conditions Every reset is state management That’s when JavaScript started feeling predictable and powerful, not confusing. Still learning. Still practicing. But now I’m building things people can actually use. Day-38 loading… 🚀 #BuildInPublic #JavaScript #WebDevelopment #LearningInPublic #FrontendDevelopment #Consistency #DeveloperJourney #NxtWave #Day37

🎮 Tic Tac Toe Game | JavaScript Mini Project I just built a Tic Tac Toe game using HTML, CSS, and JavaScript 🚀 This project helped me understand: - DOM Manipulation - Game logic implementation - Event handling in JavaScript - Clean UI & user interaction It’s a simple game, but a great way to strengthen core JavaScript concepts. More such projects coming soon! 💻✨ 👉 Watch the video & share your feedback. #JavaScript #WebDevelopment #MiniProject #TicTacToe #Frontend #LearningByDoing #LinkedInProjects #SaiKetInnovation #SaiKetAchievements

🟩 Milestone 04: The power of DOM After hitting the ground with the fundamentals of JavaScript, now I have explored the world of DOM. Where everything feels practical with a logical world. In this milestone I learned how to connect the logic directly to the UI and update things. ✅ What I learned in this Milestone ▪️ Understanding of DOM and how it represent the webpage ▪️ Selecting and modifying elements (getElementById and so on) ▪️ Handling events like 'click' and form input. ▪️ Updating UI content in real time ▪️ Validation and logic in UI ✅ Project: 'Khorooch,' A simple MFS solution ✅ In this project I implemented: ▪️ Add money functionality ▪️ Cashout functionality ▪️ Real-time balance update ▪️ Real-time transaction history ▪️ Basic validations 👉 Note: Other services in the UI are currently unavailable. Because this is a demo project. 👉 Live link: https://lnkd.in/gXMSbzVu #JavaScript #DOM #FrontendDevelopment #WebDevelopment #LearningInPublic #ProgrammingHero

💡 Lights Out - A web-based JavaScript game Our second project for _nology was to create a web-based browser game using JavaScript. I decided to recreate the game "Lights Out", based on the electronic game from 1995. The idea is simple: You have a 5x5 board where you need to turn off all the lights in as few moves as possible. Each cell that is clicked toggles itself and the cells above, below, right and left of it. The biggest challenge I had creating this project was the board logic: validating the user's clicks and which cells can be toggled if the user clicks on an edge cell. Calculating row and column numbers from the array of cells allowed me to validate which cells can be toggled - only cells in the same row/column as the target cell could be toggled. Further improvements to the game would include: - Creating a dark mode for the website - Adding a timer which starts on the first click - Allowing the user to choose the board size for an easier or harder game (3x3, 5x5 or 9x9 grid) - Adding sound effects and more animated transitions when lights are turned on/off I really enjoyed putting this one together, and pushing myself with slightly more complex logic. You can view the live site here: https://lnkd.in/e4Hy-VNA Code repository: https://lnkd.in/e-arE_SH If you have a go at playing, let me know what you think! 😊 #nology #JuniorSoftwareDeveloper #JuniorSoftwareEngineer #WomenInTech

🚀 Built a Classic Snake Game Using JavaScript 🎮 Features: • Real-time snake movement using keydown events • Dynamic grid generation • Score & High Score tracking • Timer functionality • Collision detection with walls • Game Over & Restart logic 🔧 Tech Used: HTML | CSS | JavaScript | DOM Manipulation | localStorage Building small games like this really improves logical thinking and real-time state handling in JavaScript. #javascript #webdevelopment #frontend #projects

🚀 Memory Card Game – Built with HTML, CSS & JavaScript I built a fully functional Memory Matching Game using pure JavaScript and DOM manipulation. 🎮 How it works: Click the first card → it flips and reveals a fruit 🍎 Click the second card → it checks for a match ✅ If matched → cards stay open ❌ If not matched → cards flip back automatically Game continues until all pairs are matched 💡 Key Concepts Used: DOM Manipulation Event Listeners Array Shuffling Conditional Logic CSS Animations Game State Management. This project helped me understand how real-time user interaction works in JavaScript. Next step: Adding timer and score tracking 🔥 #JavaScript #WebDevelopment #FrontendDeveloper #HTML #CSS #100DaysOfCode

🟡🔵🔴🟢 Simon Says… Code It. So I Did. I built a browser-based Simon Says game using HTML, CSS, and JavaScript — and let me tell you, things get intense after level 5 😅 This project was all about making JavaScript actually do something: ✨ Generating random sequences ✨ Tracking user clicks in order ✨ Comparing patterns step-by-step ✨ Increasing difficulty as levels go up ✨ Adding visual feedback to make it feel like a real game The most satisfying part? Watching the logic come together when the game correctly validates every move and moves to the next level. It’s wild how much happens behind the scenes in what looks like a “simple” color game. If you want to try it or check the code: 🔗 https://lnkd.in/dqzXsfpE More projects coming soon 🚀 #JavaScript #WebDevelopment #FrontendDeveloper #BuildInPublic #Coding

🚀 #Day 34 Today I built a mini project — Simon Says Game using HTML, CSS, and JavaScript 🎮 This project helped me apply DOM manipulation + events in a real interactive game. 📌 Concepts Used: • DOM Selection & Manipulation – Updating colors dynamically • Event Listeners – Detecting user clicks • Random Number Generation – Creating random color sequence • Arrays – Storing game pattern & user pattern • Functions – Structuring game logic cleanly • setTimeout() – Creating delay effects for animations • Game Logic Handling – Comparing user input with generated sequence • Level System – Increasing difficulty step by step 📌 What I Learned: ✅ How to manage game state ✅ How to compare two arrays step-by-step ✅ How to reset the game when user loses ✅ How small logic mistakes can break full functionality Building this game improved my confidence in writing real interactive JavaScript logic, not just theory. Day 34 complete ✅ 👍🏻 🚀 #Day34 #100DaysOfCode #JavaScript #MiniProject #DOM #WebDevelopment #MERNStack

Building simple games is seriously one of the best ways to level up your JavaScript logic! 🎮💻 I recently challenged myself to build a dynamic Quiz Game using just HTML, CSS, and JavaScript. My main goal was to focus on creating a seamless, interactive user experience with snappy feedback and a responsive design that adapts to any screen size. A few things I focused on: ✅ Writing modular, easily readable JavaScript logic ✅ Adding subtle CSS effects to make the interactions feel "alive" ✅ Ensuring the layout doesn't break on smaller mobile screens Every project teaches you something new, and this one really helped me sharpen my DOM manipulation skills. Source code is up on my GitHub: [https://lnkd.in/gm3Ey5wD] If you're a developer, what was the first game you ever coded? Let me know in the comments! #JavaScriptDeveloper #FrontendDev #Coding #WebDesign #TechCommunity #BuildInPublic #Developer

🚀 Day 1/100 – Understanding JavaScript Event Loop Today I explored one of the most fundamental concepts in JavaScript — the Event Loop. ✅ What is Event Loop? JavaScript is single-threaded, but it can handle asynchronous operations efficiently using the Event Loop. It continuously checks the Call Stack and Callback Queue to manage execution of tasks like API calls, timers, and DOM events. ✅ Why is it important in real-world apps? Understanding the Event Loop helps in writing non-blocking code, improving application performance and avoiding UI freezes — especially in large scale React applications. ✅ Where can we use this? Handling async API calls, animations, user interactions, or any background tasks without affecting the main thread execution. 📌 Key Takeaway: Mastering the Event Loop is essential to deeply understand how asynchronous code works behind the scenes in JavaScript. #100DaysOfCode #ReactJS #JavaScript #LearningInPublic