DEV Community: Robert Magers

10 JavaScript Practice Problems That Teach You More Than Memorizing Syntax

Robert Magers — Thu, 10 Sep 2026 10:57:46 +0000

When learning JavaScript, it is easy to spend a lot of time memorising syntax.

You learn how to declare variables, write functions, use loops and work with arrays. Then you learn map(), filter(), reduce(), destructuring and other features.

Everything seems clear while you are following an example.

Then you open a blank editor and receive a simple problem to solve.

Suddenly, knowing the syntax does not feel like enough.

That is because programming is not only about remembering language features. You also need to learn how to break a problem into smaller pieces, decide what information you need and turn your idea into working code.

One of the best ways to develop that ability is through small, focused problems.

Here are ten JavaScript problems that can help you practise those skills.

1. Reverse a string

Start with something simple.

Create a function that receives a string and returns it backwards.

function reverseString(text) {
// Write your solution here
}

console.log(reverseString("developer"));
// "repoleved"

A simple solution is:

function reverseString(text) {
return text.split("").reverse().join("");
}

But do not stop there.

Try solving it without reverse().

function reverseString(text) {
let result = "";

for (let i = text.length - 1; i >= 0; i--) {
result += text[i];
}

return result;
}

The second version is longer, but it makes you think about string positions, loops and how a result is constructed.

That is the real value of the exercise.

2. Find the largest number

Consider this array:

const numbers = [14, 7, 29, 11, 42, 18];

Write a function that returns the largest number.

function findLargest(numbers) {
// Write your solution here
}

One approach is:

function findLargest(numbers) {
let largest = numbers[0];

for (const number of numbers) {
if (number > largest) {
largest = number;
}
}

return largest;
}

The important idea is the variable largest.

You begin with an assumption and replace it whenever you find a bigger value.

This pattern appears in many programming problems.

Once you understand it, try changing the problem.

Find the smallest number.

Find both the largest and smallest.

Find the second largest number.

Find the largest number without using Math.max().

Small variations force you to understand the original solution instead of simply remembering it.

3. Count the vowels in a string

Now combine strings, loops and conditions.

function countVowels(text) {
// Write your solution here
}

console.log(countVowels("JavaScript"));
// 3

One solution is:

function countVowels(text) {
const vowels = "aeiou";
let count = 0;

for (const character of text.toLowerCase()) {
if (vowels.includes(character)) {
count++;
}
}

return count;
}

There are several useful concepts here.

The text is converted to lowercase so uppercase vowels do not need separate handling.

The string is iterated character by character.

includes() checks whether the current character is a vowel.

The counter increases whenever the condition is true.

Try modifying the problem so that the function returns the number of each vowel instead.

*For example:
*
{
a: 2,
e: 1,
i: 0,
o: 0,
u: 1
}

That small change introduces a completely different data structure.

4. Remove duplicate values

Consider this array:

const numbers = [3, 7, 3, 9, 7, 4, 9, 2];

Create a function that returns each value only once.

The expected result is:

[3, 7, 9, 4, 2]

A modern solution is:

function removeDuplicates(numbers) {
return [...new Set(numbers)];
}

But try solving the same problem without Set.

function removeDuplicates(numbers) {
const result = [];

for (const number of numbers) {
if (!result.includes(number)) {
result.push(number);
}
}

return result;
}

The second solution gives you more practice with arrays, loops and conditions.

It also raises an important question.

What exactly does it mean for a value to be duplicated?

Once you start asking questions like that, you move from memorising code toward understanding problems.

5. Count how many times each value appears

Now take this array:

const colors = [
"red",
"blue",
"red",
"green",
"blue",
"red"
];

Create an object containing the number of times each color appears.

Expected result:

{
red: 3,
blue: 2,
green: 1
}

One solution is:

function countValues(values) {
const counts = {};

for (const value of values) {
if (counts[value]) {
counts[value]++;
} else {
counts[value] = 1;
}
}

return counts;
}

This is a useful pattern because real applications frequently need to count or group information.

You might count categories, page visits, search terms, votes or transaction types.

The exercise is simple, but the underlying idea is useful far beyond a beginner exercise.

6. Filter an array of objects

Most real applications work with structured data rather than arrays of simple numbers.

Consider:

const products = [
{ name: "Keyboard", price: 45 },
{ name: "Monitor", price: 180 },
{ name: "Mouse", price: 25 },
{ name: "Headphones", price: 80 }
];

Return only products costing more than 50.

const expensiveProducts = products.filter(product => {
return product.price > 50;
});

console.log(expensiveProducts);

Now change the requirement.

Return only products under 50.

Then return products whose name contains the letter o.

Then return products within a particular price range.

The goal is to become comfortable reading the structure of an object and writing conditions against its properties.

7. Transform an array with map()

Now use the same product data.

Instead of filtering products, return an array containing only their names.

const productNames = products.map(product => {
return product.name;
});

console.log(productNames);

The result is:

[
"Keyboard",
"Monitor",
"Mouse",
"Headphones"
]

The distinction between filter() and map() is worth understanding.

filter() decides which items remain.

map() transforms each item into something else.

Try creating a new array where every product has a discounted price.

const discountedProducts = products.map(product => {
return {
...product,
price: product.price * 0.9
};
});

This is a small example of transforming application data without modifying the original objects.

8. Calculate a total with reduce()

reduce() is one of those JavaScript methods that can look confusing when you first encounter it.

Start with something simple:

const prices = [10, 25, 15, 30];

Calculate the total:

const total = prices.reduce((sum, price) => {
return sum + price;
}, 0);

console.log(total);
// 80

The easiest way to understand this is to follow the accumulator.

0 + 10 = 10
10 + 25 = 35
35 + 15 = 50
50 + 30 = 80

Now make the problem more realistic.

const cart = [
{ name: "Book", price: 15 },
{ name: "Notebook", price: 8 },
{ name: "Pen", price: 3 }
];

Calculate the total cost:

function calculateTotal(cart) {
return cart.reduce((total, product) => {
return total + product.price;
}, 0);
}

Once you understand this example, try calculating an average instead.

Then calculate the total quantity of items.

Then find the most expensive item.

Changing the requirement is where the practice becomes useful.

9. Find an object in an array

Suppose you have a list of users:

const users = [
{ id: 101, name: "Alex" },
{ id: 102, name: "Maria" },
{ id: 103, name: "Daniel" }
];

Write a function that finds a user by ID.

function findUser(users, id) {
return users.find(user => user.id === id);
}

console.log(findUser(users, 102));

The result is:

{
id: 102,
name: "Maria"
}

Now change the requirement.

Find a user by name.

Find the first user over a certain age.

Return undefined when no match exists.

Then try the same problems using filter().

This will help you understand why find() and filter() are different.

find() returns the first matching item.

filter() returns an array containing all matching items.

These distinctions become important when working with real application data.

10. Connect JavaScript to the DOM

So far, the problems have focused mainly on JavaScript logic.

Now connect that logic to the browser.

Imagine a simple counter:

Increase

JavaScript can respond to the click:

const countElement = document.querySelector("#count");
const increaseLink = document.querySelector("#increase");

let count = 0;

increaseLink.addEventListener("click", event => {
event.preventDefault();

count++;
countElement.textContent = count;
});

This tiny example combines several concepts.

You select elements from the DOM.

You store state in a variable.

You listen for an event.

You update the page.

Now make the exercise harder.

Add a reset action.

Add a decrease action.

Prevent the counter from going below zero.

Display a message when the counter reaches ten.

Save the value to local storage.

Each change gives you another programming problem to solve.

The important part is what you do when you get stuck

A lot of JavaScript learning happens when the code does not work.

Suppose you write:

const result = numbers.filter(number => number > 10);

but the result is not what you expected.

Do not immediately search for another solution.

First inspect the input:

console.log(numbers);

Then inspect the result:

console.log(result);

If necessary, inspect each value:

numbers.forEach(number => {
console.log(number);
});

This helps you identify whether the problem is with your data, your condition or your assumption.

Debugging should not be treated as something you learn after you become good at programming.

Debugging is part of becoming good at programming.

Try problems without looking at the answer

One of the easiest ways to reduce the value of an exercise is to look at the solution too quickly.

If you read a solution and think, "That makes sense," you have learned something.

But you have not necessarily learned how to produce the solution yourself.

Try this instead.

Read the problem.

Create a small example.

Solve the example manually.

Write down the steps.

Then start coding.

If you get stuck, identify exactly what you do not understand.

Only then look for help.

After reading the solution, close it and write your own version.

That last step matters.

It forces you to reconstruct the idea instead of simply copying the code.

Build a small practice routine

You do not need to solve fifty JavaScript problems every day.

A small and consistent routine is enough.

For example:

Monday
Strings and loops

Tuesday
Arrays and conditions

Wednesday
Objects and data

Thursday
map(), filter() and reduce()

Friday
DOM and events

Spend twenty or thirty minutes solving problems.

Then spend a few minutes reviewing your mistakes.

If you want a structured environment for this kind of practice, JS Exercises provides browser-based JavaScript exercises with tests and guided learning material. It can be useful when you want to practise writing code rather than simply reading another tutorial.

The specific platform is less important than the habit.

You need regular opportunities to start with a problem and produce your own solution.

Turn exercises into projects

Individual exercises teach individual concepts.

Projects teach you how those concepts work together.

Once you are comfortable with arrays, objects, functions and DOM manipulation, try building something small.

A habit tracker is a good example.

You might need an array to store habits.

Objects can represent individual habits.

map() can help display data.

filter() can remove completed or deleted items.

DOM events can respond to user actions.

Local storage can preserve the data between browser sessions.

Suddenly, several concepts you learned separately become part of one application.

The project does not need to be impressive.

It needs to make you think.

Do not worry about memorising every JavaScript method

JavaScript has a large ecosystem.

There will always be methods, APIs and browser features that you have not used before.

Even experienced developers look things up.

The important skill is understanding the problem well enough to know what kind of solution you need.

If you know that you need to select matching items from an array, you can look up filter() if you forget the exact syntax.

If you know that you need to transform every item, you can look up map().

If you need to combine values into one result, you can investigate reduce().

Understanding the purpose is more valuable than memorising every character.

Final thoughts

JavaScript becomes easier when you spend less time trying to memorise syntax and more time solving problems.

Start with something small.

Write the problem in your own words.

Create a simple example.

Break it into steps.

Write a first solution.

Run it.

Debug it.

Then change the requirements and try again.

That process develops something that tutorials alone cannot provide.

You start building the ability to look at a new programming problem and think about how you might solve it.

That is the skill that eventually makes JavaScript feel less like a collection of syntax rules and more like a tool you can actually use.

The Future of Clean: Why Robotic Floor Cleaners Are Becoming a Household Essential

Robert Magers — Thu, 04 Dec 2025 12:23:12 +0000

In the last few years, home and commercial cleaning has transformed dramatically, and one innovation stands firmly at the center of this shift: the robotic floor cleaner. Once considered a luxury gadget, these automated cleaning machines have matured into powerful, reliable tools that save time, reduce effort, and deliver consistently clean floors—without you lifting a finger.

As lifestyles get busier and our need for smarter home solutions increases, robotic floor cleaners have become more than a trend. They’re now a practical necessity for homes, offices, retail spaces, and even industrial facilities.

Why Robotic Floor Cleaners Are Growing in Popularity

One of the biggest reasons behind their rise is convenience. Traditional vacuuming or mopping requires time, energy, and consistency. But a robotic floor cleaner handles all of this automatically. Modern models come equipped with:

Advanced mapping technology to clean efficiently

Powerful suction systems that pick up dust, debris, and pet hair

Automatic scheduling so your floors stay clean even when you’re busy

This mix of intelligence and practicality is what makes robotic cleaners appealing for everyday use.

A Smart Tool for Homes and Pet Owners

If your home gets dusty fast, or if you have pets that shed, a robotic floor cleaner can genuinely make a difference in your daily routine. Instead of dragging out a vacuum multiple times a week, you can simply schedule the robot and let it take care of the mess.

Many new models are designed to handle pet hair better, reduce tangles, and avoid furniture, cables, and other obstacles. The result? Cleaner floors with zero stress.

Commercial Spaces Are Adopting Robots Faster Than Ever

Robotic cleaning isn’t just for homes anymore. Businesses—from retail stores to offices—are now switching to robotic floor cleaners to maintain cleanliness without increasing labor costs.

Commercial robotic models offer:

Broader coverage for large floor areas

Stronger suction and long battery life

Reduced cleaning time and improved hygiene

For facilities where clean floors are part of customer experience (like clinics, showrooms, or gyms), robots are proving to be a reliable long-term investment.

Industrial Floor Cleaning Robots: The Next Level of Automation

Industrial facilities face bigger challenges—dust, heavy debris, and large open spaces. To manage these environments, industrial floor cleaning robots offer unmatched efficiency. They come with high-capacity dustbins, wide cleaning heads, and the ability to operate for extended hours without supervision.

As automation continues to grow across industries, these robots are becoming essential for maintaining high hygiene and safety standards.

Our Recommendation: RoboticFloorCleaner.com

If you're thinking about upgrading your cleaning system—whether for home or business—RoboticFloorCleaner.com has some of the best options available. Their robots are designed for real-world performance, offering strong suction power, intelligent navigation, and minimal maintenance. Whether you need a compact robot for home use or a heavy-duty unit for commercial floors, they have models suitable for every need.

Final Thoughts

The robotic floor cleaner is no longer a futuristic luxury—it's a practical tool designed for modern living. As technology continues to advance, these robots will become even more efficient, intelligent, and accessible.

Whether you're maintaining a busy household, managing a commercial property, or looking for an industrial-grade solution, investing in a robotic floor cleaner is one of the smartest decisions you can make for long-term convenience and cleanliness.

If you'd like, I can also create a shorter version, SEO-optimised version, or a version written in a specific tone.

Discover Prague from the Water: A Cruise on the Vltava River

Robert Magers — Mon, 27 Oct 2025 18:52:02 +0000

There’s something uniquely peaceful about seeing Prague from its river rather than its streets. As you gently drift along the Vltava River, the bridges, historic façades and spires that line the banks take on a different character—softer, reflective, and somehow more majestic. A river cruise provides just the right pace: slow enough to soak everything in, elegant enough to feel like an experience rather than simply transit.

Step aboard at one of the central piers and settle into a comfortable seat, perhaps on the deck or by a large window. You’ll pass underneath iconic structures, glide alongside centuries-old architecture, and capture views of the castle complex, riverside domes and bridges from a vantage few visitors choose. If you’d like to browse the available cruises, check out this listing: https://alle.travel/en/prague/category/vltava-river-cruise
.

Whether you’re opting for a short 45-minute sail or a longer, more indulgent 2-3 hour outing with refreshments, the river offers a chance to slow down and simply see Prague. There’s no need to rush between sites; instead you allow the city to pass by. The gentle motion of the boat, the reflections dancing on the water, and the gentle hum of the river all combine into a calm but memorable experience.

Here are a few tips to maximise your river cruise:

Choose your seat wisely — upper deck or window seat heightens the sense of being immersed in the cityscape.

Time your cruise for late afternoon or early evening if you can; the light on the water, the city lights coming on, the skies shifting colour — it all adds to the ambience.

Bring a light jacket or wrap — even warm days get cool breezes as you glide on the river.

Treat the cruise as a stand-alone highlight rather than just “another tour”. Sit back, relax, soak it in, and allow yourself to simply be in the moment.

For families, friends or couples, a Vltava river cruise is the kind of experience that adds elegance and calm to your Prague stay. Rather than racing between monuments, you are present in the scene. The castle looms, the bridges arch, lights shimmer — and you float past it all.

Consider this: the city you’ve been walking through, photographing, exploring — now you see it from the water, in motion, at the pace of the river. That shift in perspective alone makes the cruise worth it. For a memorable evening, or just a different take on Prague, let the Vltava reveal the city in a fresh light.

Why Converting Design Files Improves Workflow and Collaboration

Robert Magers — Mon, 20 Oct 2025 21:09:02 +0000

In any design or engineering environment, sharing technical drawings efficiently can make or break a project’s timeline. CAD files like DXF are excellent for creating and editing detailed designs, but they’re not always practical for communication. Clients, contractors, or partners may not have CAD software, which can lead to confusion, file incompatibility, and wasted time.

That’s why learning to convert DXF to PDF is such an important part of modern design workflows. Converting your files to PDF ensures that your drawings can be opened and viewed by anyone, on any device, without special tools. PDFs preserve the quality and accuracy of your original designs—including layers, dimensions, and line weights—while being lightweight and easy to share.

The benefits extend beyond accessibility. PDFs are consistent across platforms, meaning your work will look the same whether it’s opened on a computer, tablet, or smartphone. This reliability builds trust and professionalism when presenting to clients or stakeholders. In addition, PDFs are typically read-only, helping protect your designs from unauthorized changes or accidental edits.

Time efficiency is another major advantage. Instead of manually exporting each CAD drawing, batch conversion tools allow you to process multiple files in one go. This is especially useful for large projects that involve dozens of drawings or frequent revisions. By automating the process, you save valuable time and maintain consistency across every version of your work.

Collaboration also becomes smoother when everyone can access your drawings easily. There’s no need to worry about missing fonts, version mismatches, or incompatible software. Converting your files to PDF ensures that every member of the team sees exactly what you intended.

In today’s fast-paced design world, efficiency, clarity, and accuracy are essential. Taking a few minutes to convert DXF to PDF can eliminate technical barriers, streamline communication, and make project delivery much more seamless. It’s a simple step that enhances both productivity and professionalism.

Ultimately, good design isn’t just about what you create—it’s also about how effectively you share it. By integrating file conversion into your daily workflow, you can ensure that your ideas are communicated clearly and confidently every time.

Design Your Ideal Space with a Custom Dwelling Unit

Robert Magers — Mon, 22 Sep 2025 22:56:27 +0000

A custom dwelling unit is the perfect way to create additional living space that reflects your unique needs and style. Whether you’re planning a guest suite, rental apartment, or private home office, a custom design ensures every detail fits seamlessly with your property and lifestyle.

Professional builders can transform unused areas—such as a backyard, garage, or basement—into a functional and attractive dwelling. They’ll guide you through planning, permitting, and construction, making sure your custom dwelling unit complies with local building codes and energy-efficiency standards.

With a personalized approach, you can select layouts, finishes, and features that match your vision, from open-concept interiors to eco-friendly materials. The result is a space that’s comfortable, practical, and built to last.

If you’re ready to expand your home’s potential, work with experienced contractors who specialize in creating a custom dwelling unit that enhances your property’s value and adapts to your future needs.

Discover the Benefits of an Accessory Dwelling Unit

Robert Magers — Sun, 07 Sep 2025 22:20:45 +0000

An Accessory dwelling unit (ADU) is one of the most versatile and valuable additions you can make to your property. These secondary living spaces, often built as detached units, garage conversions, or basement apartments, give homeowners flexibility while boosting long-term property value.

One of the main advantages of an Accessory dwelling unit is its ability to serve multiple purposes. It can provide independent housing for family members, serve as a private guest suite, or generate steady rental income. This adaptability makes ADUs especially popular in areas where housing demand is high.

A well-designed Accessory dwelling unit also enhances comfort and style. With the right planning, homeowners can create a functional space that feels just like a primary home, complete with kitchens, bathrooms, and modern finishes.

As more cities embrace ADUs as a solution to housing shortages, building an Accessory dwelling unit has become a practical investment. It’s a smart way to maximize your property while creating opportunities for both personal use and financial growth.

Choosing the Right Home Builder in Santa Ana

Robert Magers — Sat, 30 Aug 2025 19:57:33 +0000

Building a new home is one of the most important investments you can make, and choosing the right home builder in Santa Ana is the key to turning your dream into reality. With the right team, you can ensure your project is completed on time, within budget, and with the highest quality craftsmanship.

A professional home builder in Santa Ana understands the unique style and community of the area. From modern custom homes to traditional designs, the builder will work closely with you to ensure your vision aligns with local requirements while maximizing the potential of your property.

Working with an experienced home builder in Santa Ana also provides peace of mind. Licensed and certified builders handle everything from permits and planning to construction and inspections, ensuring the entire process is smooth and stress-free for homeowners.

If you’re ready to start building your dream home, partnering with a trusted home builder in Santa Ana guarantees a durable, stylish, and valuable property that will serve you and your family for years to come.

Why You Should Always Work with a Licensed and Certified ADU Specialist

Robert Magers — Thu, 07 Aug 2025 11:26:40 +0000

Building an Accessory Dwelling Unit (ADU) on your property can be an exciting investment—but it’s also a complex one. Between navigating building codes, zoning laws, permits, and construction timelines, there’s a lot that can go wrong without the right guidance. That’s why it’s essential to work with a licensed and certified ADU specialist.

Unlike general contractors, a licensed and certified ADU specialist focuses specifically on the design, permitting, and construction of ADUs. They understand the nuances of local regulations and can help you avoid common pitfalls that could delay or derail your project. From garage conversions to detached units, these experts know how to create a structure that’s both beautiful and compliant.

Working with a certified professional also gives you peace of mind. You can trust that they meet state and local licensing requirements, carry proper insurance, and adhere to industry standards. This not only protects your investment but ensures the final result is safe, efficient, and built to last.

If you're serious about adding an ADU to your property, don’t take chances. Choose a licensed and certified ADU specialist who can bring your vision to life—while keeping everything on track from start to finish.