Coding Exercise

10 More JavaScript DOM Games — A Hands-On Guide (Exercises 11–20)

by

Github https://github.com/lsvekis/10-JavaScript-DOM-Coding-Games-Learn-by-Building-Fun-Mini-Projects 🕹️ Exercise 11 – Moving Target Goal: click a moving dot as many times as you can in 15 seconds. How it works: Concepts practiced: timed animation loops, random positioning, updating DOM text. Learning outcome: working with layout geometry (offsetWidth, getBoundingClientRect()), intervals, and event listeners. 🎯 Exercise 12 – Number Guess (1–100) Goal: … Read more

30 JavaScript Coding Exercises

by

This set of exercises continues your journey through JavaScript, covering more advanced concepts and practical problem-solving techniques. Keep practicing and experimenting! Section 4: Intermediate to Advanced Concepts (Exercises 31-40) Exercise 31: Error Handling with try…catch Exercise 32: Understanding this Keyword Context Exercise 33: Arrow Functions (=>) Exercise 34: Object Destructuring Exercise 35: Array Destructuring Exercise … Read more

30 JavaScript Coding Exercises for Beginners to Intermediate

by

These exercises are designed to help you practice and solidify your understanding of fundamental to intermediate JavaScript concepts. Work through them step by step, and don’t hesitate to experiment with the code! Section 1: Fundamentals (Exercises 1-10) Exercise 1: Declare and Assign Variables Exercise 2: Basic Arithmetic Operations Exercise 3: String Concatenation Exercise 4: Conditional … Read more

Supercharge Your Google Docs: Clean Up Messy Documents with Google Apps Script

by

If you’ve ever copied and pasted content into a Google Doc, you know the pain: Over time, your documents can become cluttered and hard to manage. But what if you could automate the cleanup process in a single click? With Google Apps Script, you can! Below, I’ll share a script that cleans up your Google … Read more

50 Advanced Vanilla JavaScript Questions with Detailed Explanations

by

JavaScript is a versatile language with many nuances and advanced features. In this post, you’ll find 50 new questions covering topics from global objects and module loaders to service workers and job queues. Each entry includes a clear explanation and practical code examples. 1. What is the difference between the global object in a browser … Read more

25 Advanced Vanilla JavaScript Coding Questions

by

JavaScript has evolved dramatically over the years. Beyond the basics lie powerful, nuanced topics that are essential for developing efficient, scalable, and robust applications. In this post, we explore 25 advanced JavaScript coding questions, each accompanied by an in-depth explanation and code examples to illustrate key concepts. 1. How Does the JavaScript Event Loop Handle … Read more

How to Create an Interactive Accordion FAQ Section Using HTML, CSS, and JavaScript

by

A Frequently Asked Questions (FAQ) section is an essential part of any website, helping users find answers quickly without needing to contact support. An accordion-style FAQ section enhances user experience by displaying only the relevant answers when clicked, keeping the interface clean and organized. In this blog post, we’ll build a simple Accordion FAQ Section … Read more

Building a Simple Currency Converter with HTML, JavaScript, and CSS

by

A currency converter is a useful tool that allows users to convert an amount from one currency to another based on exchange rates. In this blog post, we will walk through the process of building a simple currency converter using HTML, JavaScript, and CSS. This converter will use fixed exchange rates and allow users to … Read more

Building a Free Multi-Language Translator Using Google Translate API and JavaScript

by

Are you looking for a simple and effective way to translate text in your web applications? In this blog post, we’ll walk through building a multi-language translator using Google’s free Translate API and JavaScript. This lightweight solution lets users enter text, select a target language, and get instant translations—all without an API key or complex … Read more

How to Fetch and Display API Data on Your Website

by

Fetching data from an API and displaying it on a webpage is a foundational skill for any web developer. In this blog post, we’ll guide you through a simple example of fetching data from a REST API and dynamically outputting it on your webpage using JavaScript. This example covers: Let’s dive into the implementation! The … Read more