javascript problem solving exercises

Free Javascript challenges

Learn Javascript online by solving coding exercises.

Javascript for all levels

Solve Javascript tasks from beginner to advanced levels.

Accross various subjects

Select your topic of interest and start practicing.

Start your learning path here

Why jschallenger, a hands-on javascript experience.

JSchallenger provides a variety of JavaScript exercises, including coding tasks, coding challenges, lessons, and quizzes.

Structured learning path

JSchallenger provides a structured learning path that gradually increases in complexity. Build your skills and knowledge at your own pace.

Build a learning streak

JSchallenger saves your learning progress. This feature helps to stay motivated and makes it easy for you to pick up where you left off.

Type and execute code yourself

Type real JavaScript and see the output of your code. JSchallenger provides syntax highlighting for easy understanding.

Join 1.000s of users around the world

Most popular challenges, most failed challenges, what users say about jschallenger.

Mohamed Ibrahim

Tobin Shields

• DSA with JS - Self Paced
• JS Tutorial
• JS Exercise
• JS Interview Questions
• JS Operator
• JS Projects
• JS Examples
• JS Free JS Course
• JS A to Z Guide
• JS Formatter
• JavaScript Tutorial

JavaScript Basics

• Introduction to JavaScript
• JavaScript Versions
• How to Add JavaScript in HTML Document?
• JavaScript Statements
• JavaScript Syntax
• JavaScript Output
• JavaScript Comments

JS Variables & Datatypes

• Variables and Datatypes in JavaScript
• Global and Local variables in JavaScript
• JavaScript Let
• JavaScript Const
• JavaScript var

JS Operators

• JavaScript Operators
• Operator precedence in JavaScript
• JavaScript Arithmetic Operators
• JavaScript Assignment Operators
• JavaScript Comparison Operators
• JavaScript Logical Operators
• JavaScript Bitwise Operators
• JavaScript Ternary Operator
• JavaScript Comma Operator
• JavaScript Unary Operators
• JavaScript Relational operators
• JavaScript String Operators
• JavaScript Loops
• 7 Loops of JavaScript
• JavaScript For Loop
• JavaScript While Loop
• JavaScript for-in Loop
• JavaScript for...of Loop
• JavaScript do...while Loop

JS Perfomance & Debugging

• JavaScript | Performance
• Debugging in JavaScript
• JavaScript Errors Throw and Try to Catch
• Objects in Javascript
• Introduction to Object Oriented Programming in JavaScript
• JavaScript Objects
• Creating objects in JavaScript (4 Different Ways)
• JavaScript JSON Objects
• JavaScript Object Reference

JS Function

• Functions in JavaScript
• How to write a function in JavaScript ?
• JavaScript Function Call
• Different ways of writing functions in JavaScript
• Difference between Methods and Functions in JavaScript
• Explain the Different Function States in JavaScript
• JavaScript Function Complete Reference
• JavaScript Arrays
• JavaScript Array Methods
• Best-Known JavaScript Array Methods
• What are the Important Array Methods of JavaScript ?
• JavaScript Array Reference
• JavaScript Strings
• JavaScript String Methods
• JavaScript String Reference
• JavaScript Numbers
• How numbers are stored in JavaScript ?
• How to create a Number object using JavaScript ?
• JavaScript Number Reference
• JavaScript Math Object
• What is the use of Math object in JavaScript ?
• JavaScript Math Reference
• JavaScript Map
• What is JavaScript Map and how to use it ?
• JavaScript Map Reference
• Sets in JavaScript
• How are elements ordered in a Set in JavaScript ?
• How to iterate over Set elements in JavaScript ?
• How to sort a set in JavaScript ?
• JavaScript Set Reference
• JavaScript Date
• JavaScript Promise
• JavaScript BigInt
• JavaScript Boolean
• JavaScript Proxy/Handler
• JavaScript WeakMap
• JavaScript WeakSet
• JavaScript Function Generator
• JavaScript JSON
• Arrow functions in JavaScript
• JavaScript this Keyword
• Strict mode in JavaScript
• Introduction to ES6
• JavaScript Hoisting
• Async and Await in JavaScript

JavaScript Exercises

Javascript exercises, practice questions and solutions.

If you are a JavaScript learner, then Practice JavaScript Online (JavaScript Exercises) by solving JavaScript quizzes, track progress, and enhance coding skills with our engaging portal. These JavaScript practice questions are ideal for beginners and experienced developers. So, to test your skills, go through these JavaScript exercises with solutions.

A step-by-step JavaScript practice guide for beginner to advanced level.

Benefits of Practice JavaScript

• Interactive Quizzes: Engage in hands-on JavaScript quizzes.
• Progress Tracking: Monitor your learning journey.
• Skill Enhancement: Sharpen coding skills effectively.
• Flexible Learning: Practice at your own pace.
• Immediate Feedback: Receive instant results and feedback.
• Convenient Accessibility: Accessible online, anytime.
• Real-world Application: Apply JavaScript concepts practically.
• Comprehensive Learning: Cover a range of JavaScript topics.

How to Start Practice ?

Embark on your JavaScript learning journey with our online practice portal. Start by selecting quizzes tailored to your skill level. Engage in hands-on coding exercises, receive real-time feedback, and monitor your progress. With our user-friendly platform, mastering JavaScript becomes an enjoyable and personalized experience. Elevate your coding expertise today.

JavaScript Best Practice Guide

Dive into JavaScript excellence with our Best Practice Guide. Explore coding standards, optimization techniques, and industry-recommended approaches. Elevate your skills through insightful tips, real-world examples, and interactive challenges. Unlock the secrets of efficient and maintainable JavaScript coding, ensuring your projects stand out with clarity and performance.

Why Practice JavaScript Online ?

Elevate your JavaScript online test experience with categorized fill-in-the-blank questions. This structured format guides your learning, providing targeted challenges for hands-on improvement. Engage in focused practice as it reinforce coding concepts, receive instant feedback, and enhance your skills incrementally. Moreover, by combining theoretical understanding with practical application, you’ll enjoy a comprehensive and effective approach to mastering JavaScript and as a result optimizing your performance in real-world scenarios.

JavaScript online practice Rules

• Be Honest: Complete challenges independently, refrain from plagiarism or seeking unauthorized help.
• Manage Time: Adhere to assessment time limits, simulating real-world scenarios.
• Code Quality : Prioritize clean, efficient, and well-documented code.
• Follow Guidelines : Adhere to platform-specific instructions, including input/output formats and code submission procedures.
• No Cheating: Avoid external resources during assessments, unless explicitly allowed.
• Utilize Feedback: Learn from automated or mentor/community feedback.
• Participate Actively: Engage in forums, discussions, and share insights with fellow learners.
• Continuous Improvement: Use assessments to identify and improve areas of weakness for ongoing growth.

Features of Practice Portal

• Instant Mistake Correction: Receive immediate feedback on errors to facilitate quick learning.
• Unlimited Tries: Allow learners to attempt questions multiple times for mastery.
• Time Display for Each Category: Show elapsed time for each set of 5-6 fill-in-the-blank questions to manage time effectively.
• Table View of Scenarios: Provide a comprehensive table view displaying all categories, their status (completed or pending), and corresponding scores.
• Performance Analytics: Track progress with detailed analytics, highlighting strengths and areas for improvement.
• Interactive Code Editor: Offer a responsive code editor for an immersive hands-on experience.
• Hints and Solutions: Include hints for guidance and solutions to foster self-learning.
• Community Integration: Facilitate collaboration through forums and discussions for peer learning.
• Adaptive Difficulty: Adjust difficulty levels based on user performance for personalized challenges.
• Gamification Elements: Incorporate scoring, achievements, or badges to make learning engaging.

Please Login to comment...

Similar reads.

• WebTech - Exercises
• Web Technologies

Improve your Coding Skills with Practice

What kind of Experience do you want to share?

JS Tutorial

Js versions, js functions, js html dom, js browser bom, js web apis, js vs jquery, js graphics, js examples, js references, javascript exercises.

You can test your JavaScript skills with W3Schools' Exercises.

We have gathered a variety of JavaScript exercises (with answers) for each JavaScript Chapter.

Try to solve an exercise by editing some code, or show the answer to see what you've done wrong.

Count Your Score

You will get 1 point for each correct answer. Your score and total score will always be displayed.

Start JavaScript Exercises

Start JavaScript Exercises ❯

If you don't know JavaScript, we suggest that you read our JavaScript Tutorial from scratch.

Kickstart your career

Get certified by completing the course

COLOR PICKER

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail: [email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail: [email protected]

Top Tutorials

Top references, top examples, get certified.

Master .css-8ujquh{background-color:#fdcb6e;color:rgba(0, 0, 0, 0.87);padding:0px 8px;} JavaScript with Open Challenge !

Improve your skills and become a better developer by solving coding exercises online. Whether you're a beginner or an advanced developer, we have exercises for everyone! Join a community of thousands of satisfied people from different countries who are already learning with us!

JavaScript Challenges

Master JavaScript with challenging coding exercises. Improve your skills with practice!

For Everyone

Learn JavaScript at any level. Our exercises cater to all skill levels. Start growing today!

Practice What Matters to You

Choose from a variety of topics. We believe in engaging, fun learning. Pick your favorite and start practicing!

What sets Open Challenge apart

Whether you're just starting out with JavaScript, or you're already an experienced developer, Open Challenge has everything you need to take your skills to the next level. Our carefully crafted exercises are designed to be both challenging and fun, so you can learn and grow as you practice.

Our platform is built with developers in mind. Our coding challenges are designed to keep you ahead of the curve, and our user-friendly interface makes it easy to navigate and find the topics you're most interested in. Plus, you'll have access to to an assistant with Artificial Intelligence to help you with any queries.

Whether you're a complete beginner or an experienced developer, Open Challenge is the perfect place to level up your JavaScript skills. So what are you waiting for? Start your journey today!

Ready to get started?

Level up your JavaScript skills with 10 coding challenges

Improve your Javascript basics.

Cookie support is required to access hackerrank.

Seems like cookies are disabled on this browser, please enable them to open this website

Practice 146 exercises in JavaScript

Learn and practice JavaScript by completing 146 exercises that explore different concepts and ideas.

Explore the JavaScript exercises on Exercism

Unlock more exercises as you progress. They’re great practice and fun to do!

List of Problems

This page contains the list of all programming problems in no particular order. If you have solved a problem, its row turns green. Click on any problem to start coding!

JavaScript Practice for Beginners: 8 Free JavaScript Exercise Sites

updated Apr 17, 2024

What are the best sites for JavaScript practice for beginners?

Where can you find the best JavaScript exercises and coding challenges?

Whether you are new to coding or have been learning for a while already, you want to have a go-to list of fun JavaScript practice sites to improve your skills continuously.

Because the truth is:

The only way to become a skilled JavaScript developer is to use the language for as many real-world projects as you can.

Sure, you will start small in the beginning. But as your skills progress, you will build more complex projects that require a deeper understanding of the language.

To help you get started, I’ll share my favorite JavaScript practice sites with free and fun JS exercises, challenges, and quizzes in this guide.

By the time you finish reading it, you will have a list of go-to resources to brush up your JavaScript and discover new ways to use the language for real-life projects.

If you truly want to stand out from others and become a professional JavaScript developer, these websites can help you take your skills to the next level.

FYI: I’ve already covered JavaScript projects for beginners in another article . If you haven’t already, definitely check it out, too.

Now let’s get started!

Please note: This post contains affiliate links to products I use and recommend. I may receive a small commission if you purchase through one of my links, at no additional cost to you. Thank you for your support!

What is JavaScript? What can you do with JavaScript?

If you’re not familiar with JavaScript, let’s take a few moments to go through the fundamentals first.

JavaScript is a programming language used for making websites more interactive and dynamic.

What does that mean exactly?

To understand how JavaScript works, you need to know how front-end developers build websites in general .

Here’s a quick overview of the three languages used for creating and building web pages:

• HTML or HyperText Markup Language: You can use HTML to create the basic structure and the content for a web page: menu bar, content area, sidebar, bottom footer, etc.
• CSS or Cascading Style Sheets: CSS allows you to select individual HTML elements and change their appearance. In other words, CSS makes HTML pretty.
• JavaScript : JS takes those static HTML/CSS elements and adds life to them. For example, it allows you to create elements that the user can interact with, such as drop-down menus, contact forms, modal windows, animations, interactive maps, and more.

All in all, JavaScript makes websites more engaging and interesting.

For more details, make sure to read my complete guide on front-end and backend web development .

Why learn JavaScript?

If you are new to coding and not sure whether JavaScript is the right programming language to learn, don’t worry.

Before you choose your first programming language , make sure you know what you want to create and build with code in the future.

Depending on your specialization, you need to learn a specific set of programming languages and other tools.

Hence, only learn JavaScript if it’s a language you can use for the type of projects you want to work on.

With that said, here are 5 good reasons to learn JavaScript this year:

1: JavaScript is in high demand

If you are serious about becoming a JavaScript developer, you are going to love the fact that JavaScript is one of the most sought-after skills in tech today.

According to the Devskiller IT Skills Report , 75% of companies are looking for JavaScript developers:

Furthermore, searching for “JavaScript developer” on the Indeed job portal returns over 20,000 jobs requiring this skill – alone in the US.

2: JavaScript developers are well-paid

So we know that there are plenty of job openings for skilled JavaScript developers. But how much do they make?

According to Indeed, the average base salary for JavaScript developers in the US is $110,687 per year .

You can find out more in this super comprehensive JavaScript salary guide .

3: JavaScript is beginner-friendly

If you are new to coding, I recommend picking a language that allows you to focus on learning how coding works and how you can build your own, useful projects asap.

Choosing an easy language means you will spend less time troubleshooting your code and trying to understand the syntax. Thus, you’ll have more time to actually learning how to code.

Luckily, JavaScript is one of the easiest programming languages for beginners .

Now, while the syntax isn’t always the easiest to grasp, you will always find answers to your JavaScript questions thanks to the massive global community of JavaScript experts. This helps you troubleshoot your code faster and makes learning how to code much easier.

4: JavaScript is versatile

JavaScript is an extremely versatile programming language. You can use it for front-end web development to create stunning website interfaces, but also for backend coding using Node.js.

Also, you can develop web apps, mobile apps, and desktop apps using React, React Native, and Electron.

If you want to become a front-end web developer , JavaScript is a must-have skill.

But you could use your JavaScript expertise in the future to work as a full-stack developer, software engineer, or game developer, for example.

Hence, even if you are new to coding and not sure what you want to do in the future, JavaScript doesn’t restrict you to just one area in tech.

5: You can learn JavaScript for free

Last but not least, learning JavaScript doesn’t have to be expensive!

If you are new to coding, I recommend starting with free resources to get a hang of how JavaScript works. You will find tons of ideas in my guide with 100+ free places to learn how to code .

If you enjoy working with the language, consider investing in a paid course that includes as many practical coding projects as possible.

Building small projects and solving coding problems is the only way to improve your skills and learn how to use JavaScript for building real-life projects.

Therefore, you want to pick a course that offers as many portfolio-ready projects as possible , such as these two courses on Udemy:

• JavaScript Web Projects: 20 Projects to Build for Your Portfolio You get to build 20 practical portfolio projects throughout the course – even if you are entirely new to programming. That kind of a portfolio is going to look great when you apply for your first entry-level job.
• Modern JavaScript From The Beginning Whether you’re a beginner or an established JS developer already, this course has something for everyone. You will build 10 portfolio projects throughout the course, ranging from a simple calculator to more demanding exercises.

For more resources, check out these recommended JavaScript courses and tutorials .

JavaScript practice for beginners: 8 free sites with JavaScript exercises

Here are the 8 top JavaScript practice sites we’ll cover in this post:

• Learn JavaScript
• freeCodeCamp.org
• JavaScript Hero
• Learn JavaScript on Codecademy
• Khan Academy: JavaScript Quiz

Remember to share and save this guide for later!

1. Edabit JavaScript Challenges

Edabit offers 2,500+ hands-on JavaScript practice challenges ranging from very easy to expert-level tasks.

You can practice directly in your web browser, and all exercises are free.

Creating an account isn’t necessary, but you can track your progress more easily when logged in. Also, you will get access to the solutions for all practice challenges as a registered user.

In addition to JavaScript, you can also find practice exercises for C#, C++, Java, PHP, Python, Ruby, and Swift on Edabit.

Price: Free

Skill level: Beginner to expert

→ Start practising JavaScript with Edabit here

☝️ back to top ☝️

2. w3resource JavaScript Exercises, Practice, Solution

w3resource’s JavaScript practice directory includes hundreds of free JavaScript challengers ranging from beginner to intermediate in difficulty.

If you are entire new to coding, make sure you are somewhat familiar with JavaScript and its syntax before these exercises.

One of the best places to learn JavaScript is freeCodeCamp.org , for example. Their courses are 100% free and you can start learning in 2 minutes.

w3resource also offers free tutorials for other popular technologies, such as:

• Responsive web design

Skill level: Beginner to intermediate

→ Start practising JavaScript with w3resource here

3. Learn JavaScript

If you are looking for a complete online course with beginner-level JavaScript practice exercises, Learn JavaScript is definitely worth checking out.

Their JavaScript course covers the fundamentals of the syntax, giving you a solid foundation for practising your skills while building real-life projects as you go.

The lessons are to the point, fluff-free, and you will get a quick recap after each module to support your learning.

You can practice JavaScript directly in your web browser, solving interactive challenges and building meaningful coding projects.

Price: Free trial, Pro plan unlocks all content

→ Start practising JavaScript with Learn JavaScript here

4. W3Schools JavaScript Exercises

W3Schools is one of the best places to find free JavaScript exercises and practice challenges.

If you are entirely new to JavaScript, start learning with their free JS tutorial for absolute beginners . You will go through quick lessons to learn the syntax and apply what you learn right away to hands-on coding exercises and quizzes.

If you are new to coding, W3Schools also offers free tutorials in other popular languages like:

→ Start practising JavaScript with W3Schools here

5. freeCodeCamp.org

freeCodeCamp is one of the best websites to learn to code from scratch, and they offer a ton of free JavaScript practice material ranging from beginner to intermediate level skills.

The freeCodeCamp curriculum starts with HTML and CSS, after which you will start learning and practising JavaScript.

Hence, if you are new to programming, remember that you need to learn at least some HTML and CSS before tackling JavaScript. That’s another reason why freeCodeCamp is a fantastic place to start. You can learn everything in one place – for 100% free.

→ Start practising JavaScript with freeCodeCamp here

6. JavaScript Hero

JavaScript Hero is a simple but effective JavaScript practice platform for beginners. You will start with the basics and learn how variables, functions, parameters, and other syntax fundamentals work.

Each lesson includes a quick exercise based on what you just learned. If you run into difficulties, you’ll find a helpful hint for each exercise. Also, JavaScript Hero provides a solution for all lessons and practice challenges.

→ Start practising JavaScript with JavaScript hero here

7. Codecademy: Learn JavaScript

Learn JavaScript is Code c ademy’s free JavaScript course for beginners. Although the course is free per se, you only get access to a limited number of JavaScript exercises, practice challenges, and projects. If you are new to coding, this is more than enough to get started.

And don’t forget to grab your free JavaScript cheatsheet on Codecademy, too.

If you enjoy learning with Codecademy, you can unlock the entire course catalog with hundreds of real-life projects with the Pro plan .

Codecademy Pro also gives you unlimited access to the Front-End Engineer career path that teaches you everything you need to know to create beautiful web experiences and start a career as a front-end developer.

If you aren’t familiar with them, you can learn more in my complete Codecademy review .

Price: Free (with limited content), Pro plans start at $19.99 when paid annually

Skill-level: Beginner to intermediate

→ Start practising JavaScript with Codecademy here

8. Khan Academy: JavaScript Quiz

Khan Academy is a free online course platform for popular topics such as computer programming , math, economics, and science. Although a lot of their content is aimed at kids and students, it’s perfectly suited for any age.

Their free Intro to JavaScript course teaches you JS from the ground up, even if you are completely new to tech. You will learn about variables, data types, functions, conditionals, loops, and more.

After the course, you can finish a set of JavaScript practice challenges to test your skills.

→ Start practising JavaScript with Khan Academy here

FAQ: JavaScript practice exercises

Some of the best places to practice JavaScript include Edabit , w3resource , freeCodecamp.org , Codecademy , and W3Schools . They all offer free JavaScript exercises and coding challengers for beginner and intermediate skill levels.

The best way to practice JavaScript is to learn the theory and syntax first. As you go, practice your skills with simple exercises, and start building more complex projects as your skills improve. The concepts build on top of each other. Thus, make sure you feel comfortable with a given topic before moving on to the next one.

If you are new to JavaScript, the easiest way to practice is to take breaks from following tutorials. Take notes of what you learn and try to solve small coding problems with JavaScript on your own without referring to your course or tutorial. Hence, start very small and only proceed to the next topic once you feel comfortable with what you just learned.

You can learn how JavaScript works in 1 week, yes. You may feel comfortable enough to solve small, simple coding problems with JavaScript after a few days of learning the syntax. But it takes much longer to become job-ready and to launch a career as a JavaScript developer. Hence, one week is enough to get an understanding of whether you enjoy working with JavaScript and if you want to continue learning more about it.

In theory you can, yes, but it wouldn’t make much sense. JavaScript is so closely intertwined with HTML and CSS that you shouldn’t learn just one of them. Remember, JavaScript is used to make static websites more dynamic, interactive, and engaging. Without HTML and CSS, you won’t have anything on your website to apply JavaScript to.

Whether you learn Java or JavaScript depends on what you want to build with code in the future. If you want to become a front-end web developer and create gorgeous websites, JavaScript is a must-have tool in your skillset. Java is used for back-end (server-side) development. Thus, if you are more interested back-end programming and want to build desktop apps or Android mobile apps, for example, Java can be a valuable skill on the job market.

I have written a separate article with the best JavaScript project ideas with source code – check it out!

What you need to start practising JavaScript

1. code editor.

I recommend installing a code editor on your computer, although you can use online code editors, too.

Here are a few free code editors you may want to try out:

• Sublime Text

For more options, check out my article with the best text editors for coding and web development .

2. Web browser

Since JavaScript runs directly in your web browser, you can simply write your code and instantly test it in your browser.

Make sure you use a modern web browser such as Google Chrome or Mozilla Firefox. You need good developer tools so that you can check the console for any errors in your code and debug them.

3. JavaScript tutorials and courses

If you are new to JavaScript, I recommend trying a few different resources to learn how the language works.

We all have different learning styles, and it’s important that you find out how you learn best.

If video tutorials are easier to follow than going through a physical book, be mindful of that and use materials that support your learning.

I’ve listed some of my recommended JavaScript courses here .

For even more resources, check out these top web development courses , too.

4. JavaScript syntax cheatsheet

Wrapping your head around the syntax can be tricky in the beginning. Using a cheatsheet is a quick way to save time when you need a quick refresher or want to double-check something.

I love this free JavaScript cheatsheet on Codecademy. For a compact PDF version, check out this free JS cheatsheet .

5. Portfolio for your JavaScript projects

As you work through your JavaScript practices and your skills improve, you will start building more complex JavaScript projects.

To showcase your skills and best work samples to potential employers, you want to set up a professional-looking portfolio website. It doesn’t have to be anything too fancy – a simple one-page website is more than enough to get started.

Keep your design clean and clear, and don’t be afraid to show some personality!

To help you get started, I’ve written a free step-by-step guide for creating a portfolio website from scratch .

Summing it up: Where to find the best JavaScript exercises and practice projects

This article showed you a handful of great JavaScript practice sites for improving your coding skills at your own pace.

I hope you found a few helpful resources for beginner-friendly and fun JavaScript exercises and coding challenges!

So the question is: what are you going to build first? Please share your thoughts in the comments below!

If you need some help with your JavaScript practice projects, check out these top JavaScript and jQuery courses and tutorials .

For my proven learning strategy, check out the best way to learn JavaScript from scratch .

Make sure to bookmark this article and share it with others, too. Thank you for your support!

Share this post with others:

About mikke.

Hi, I’m Mikke! I’m a blogger, freelance web developer, and online business nerd. Join me here on MikkeGoes.com to learn how to code for free , build a professional portfolio website , launch a tech side hustle , and make money coding . When I’m not blogging, you will find me sipping strong coffee and biking around town in Berlin. Learn how I taught myself tech skills and became a web dev entrepreneur here . And come say hi on Twitter !

Leave a reply:

Download 15 tips for learning how to code:.

GET THE TIPS NOW

Sign up now to get my free guide to teach yourself how to code from scratch. If you are interested in learning tech skills, these tips are perfect for getting started faster.

Navigation Menu

Search code, repositories, users, issues, pull requests..., provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

javascript-exercises

Here are 78 public repositories matching this topic..., sajidhamdard / learnjavascript.

Complete JavaScript Learning Material in a Single Repo

• Updated Apr 25, 2024

dinanathsj29 / javascript-exercise-beginners

Lets go-through, learn and understand different logical Javascript exercises and algorithms for beginners.

• Updated Apr 6, 2020

DanielObara / Javascript-Rocketseat

JS @Rocketseat Challenge Excercises 📖

• Updated Aug 8, 2020

KBPsystem777 / JSexercises

Simple solutions and resources to help beginners in solving JavaScript algorithm exercises

• Updated Jan 31, 2019

jfarmer / exercises-js-fundamentals

A collection of JavaScript exercises for new learners

• Updated Aug 3, 2023

harshalslimaye / awesome-javascript-practice-exercises

A curated list of the best JavaScript practice exercises to get started.

• Updated Nov 22, 2023

senocakburak / 30-Days-Of-JS-Solutions

This repository has solutions of the exercises that Asabaneh's 30-Day-Of-JavaScript repository

• Updated Dec 4, 2022

omonimus1 / BeginnerJSTutorial-

A beginner Javascript Tutorial Based on the theory materials and all the exercises provided by W3School

• Updated Apr 25, 2020

FarhadG / javascript-summons

A collection of Javascript exercises to get you grooving.

• Updated Feb 11, 2018

srmeneses / JS-exercise-event-emitter

Exercício de event emitter em Javascript usando TDD

• Updated Oct 13, 2020

Josie-N / javascript-challenges

Basic, beginner-friendly JavaScript challenges, to test and apply your fundamentals.

• Updated Sep 29, 2019

GuilhermeBalog / exercicios-de-javascript

🛡️ Some Javascript exercises

• Updated Jul 10, 2019

Tamerlan1993 / Javascript-exercises

Some Javascript exercises 🚀

• Updated Sep 6, 2020

Awes0meM4n / tragaperrajs

Slot Machine in JS / Máquina tragaperras en JS

• Updated Mar 26, 2018

jaiimeriios / js-apps

JavaScript simple applications, exercises & examples 🍃

• Updated May 30, 2023

codeguage-code / exercises

Solutions to exercises at Codeguage.

• Updated Jun 6, 2023

germancutraro / Javascript-Exercises-in-a-functional-way

😍 easy exercices that i did in a functional way using js-es6 version

• Updated Jun 4, 2017

JoyceFatima / Javascript-Exercises

• Updated Feb 22, 2022

felipeozalmeida / javascript-exercises

This repo is intended to showcase my abilities, oops, publish some Javascript exercises that I've got to do in college.

• Updated Jan 6, 2023

orassayag / codewars

Built in May 2021. JavaScript exercises in different levels from the 'codewars.com' website, with my solution and the most popular solution, with test cases.

• Updated May 30, 2021

Improve this page

Add a description, image, and links to the javascript-exercises topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the javascript-exercises topic, visit your repo's landing page and select "manage topics."

JavaScript Practice Exercises for All Levels

Louis herman content writer.

JavaScript is a language that can be intimidating for newcomers. But it’s actually easier than it seems.

One of the ways to get started is to do practice exercises. But there are so many online that it can be hard to choose the right ones for a beginner.

Before you go and do exercises, it’s best to learn a little about the subject. In this article, we’ll be introducing JavaScript and give you a curated list of the best JavaScript practice exercises to get started.

What is JavaScript?

JavaScript (not to be confused with  Java ) scripting programming language that appeared in 1995 and is at the core of the modern World Wide Web. While HTML takes care of the content and structure of a page and CSS of the style, JS is used on the client-side for the behavior of a page—it makes it come to life.

However, JavaScript is more complex than the first two. It lets you do things like:

Auto-update content, like a social media feed

Animate visual elements

Add visual feedback on user interactions

Add interactive maps

Trigger pop-ups/offers after user actions

It’s a high-level, interpreted language just like Python. High-level means that a lot of abstraction is made, so you don’t have to deal with memory management as you would with low-level languages like C or C++. Interpreted means that you don’t need to run it through a compiler, and the language can be directly executed by your computer’s processor.

JavaScript is also multi-paradigm so that you can write your code in a variety of ways, like  object-oriented  or  functional .

Behind JavaScript exist a convention called  ECMAScript . It is the scripting language specification it’s based on. It defines language lexicon & syntax and the  APIs  that should be made available in it.

With time, many frameworks have been developed to improve the functionalities and development of JS. The most popular ones are React (and Next.js its sub-framework), Vue (and Nuxt.js its sub-framework), and Angular.

What can it be used for?

It can be used in the front-end and run on the client-side/browser or in the back-end with node.js.

It’s your browser’s programming language, meaning it's the only language browser can execute. But JavaScript isn't only restricted to websites. With it, you can build:

Complete full-stack web apps

Mobile apps (with  React Native  or  Ionic , for example)

Desktop apps (with Electron.js),

Complete  shopping cart solutions

Why learn JavaScript?

Well, as you probably already observed, JavaScript is a powerful programming language that can be used to do a lot of things. It’s also very fast and relatively easy to learn compared to other languages.

Here are the reasons why you should learn JS:

Highly in demand

75% of companies  are looking for JavasScript web developers.

As we’ve seen earlier, JavaScript can be used to build almost anything for the modern world. Learning this language will enable you to be versatile in the different tasks you’ll have in your career.

Beginners-friendly

JavaScript is one of the easiest scripting languages out there. A lot of tools for debugging, for example, are also available to make your life as a newcomer a lot easier.

Free to learn

Since it’s one of the most popular programming languages, there are a lot of resources to get started. From books, blog tutorials, and videos, you can learn the way that suits you most.

Learning the JavaScript fundamentals

Before you dive into the JavaScript exercises, it’s best to learn the fundamentals. Here are a few resources I recommend to get started:

If you are an absolute beginner:

Learn JavaScript repository  from Snipcart

A first splash into JavaScript  from Mozilla

You SHOULD Learn Vanilla JavaScript Before JS Frameworks  from Snipcart

Eloquent JavaScript eBook  by Marijn Haverbeke

JavaScript exercises for all levels

So, now let’s get into it and explore how to get started when you have understood the basics.

Whatever your JavaScript skills are, here's are some JavaScript coding exercises you can do at your own pace.

1.  W3 School JavaScript exercises

67 exercises to practice the JavaScript basics.

2.  JavaScript - Exercises, Practice, Solution

Free exercises covering the basics to the more advanced aspect of JS like the DOM (document object modal) async function, and more.

3.  Show user IP address with JavaScript

An exercise created by our co-founder Charles. Ideal for beginners to practice the basic fetch function in the CodePen code editor.

4.  Add items to a wishlist with JavaScript

An exercise created by our co-founder Charles. Ideal for beginners. You’ll practice creating a simple wishlist with JS in the CodePen code editor.

5.  Some JavaScript Challenges

A resource with 47 exercises to practice whatever your level is, With exercises from well-known universities.

6.  Debugging Vue.js

Tutorial and exercise on how to debug your Vue.js frontend. Ideal for intermediate developers.

7.  Build a React E-Commerce Web App

JavaScript tutorial and exercise on how to create a React dynamic website.

8.  Progressive Web Application Development with Nuxt

JavaScript tutorial and exercise on how to build a PWA with a JavaScript framework. 

9.  Create a Node.js for E-Commerce

Tutorial and exercise about creating a complete eCommerce website using Snipcart, Node.js, and Koa.js as the frontend.

10.  5 Typical JavaScript Interview Exercises

5 exercises to practice for a JavaScript web developer interview.

JavaScript courses

Intro to js: drawing & animation.

This is a free course by Khan Academy. Each section is covered with an explanatory video and then you have exercises to practice what you just learned.

JavaScript Algorithms and Data Structures

Free course by freecodecamp. With 113 exercises that cover the basics of JavaScript.

Learn JavaScript

Free course by Learn JavaScript. Cover the fundamentals with exercises to practice at every step.

This is a course by Code Academy. It’s highly interactive, however, you need a subscription in order to have access to the whole course.

JavaScript courses on mobile

If you are looking for a way to learn and practice JavaScript while on the go, I suggest your look at two free apps.

Grasshopper

This is an app (mobile and web) developed by a team at Google. It’s a fun way to learn JavaScript by doing exercises. The course is divided into small sections that you can do when you have a few minutes.

Mimo is an app to learn web development. While it’s not strictly limited to JavaScript you can select to learn and practice only JavaScript. While they offer a free version, you can also subscribe to Mimo Pro to unlock more exercises.

As you may have noted, learning JavaScript is pretty accessible. Practice exercises are an important part of the learning experience. Because it’s a constantly evolving language, It’s best to keep up to date with the latest developments in the ecosystem. There are even some  JavaScript podcasts  if you want to learn on the go.

Let us know in the comments how it went if you’ve tried any of the exercises. If you enjoyed it, consider sharing it.

About the author

Louis is a content writer. He is specialized in technology and marketing.

Add a Shopping Cart to a Website in 4 Simple Steps

Recent articles in web development, the 6 best javascript frameworks to use in 2022.

A Beginner's Guide to APIs: How to Integrate and Use Them

5 Best Angular Tutorials for Beginners

Microservices vs. api: the benefits of using microservices, webhook vs. api: how do they compare.

36 000+ geeks are getting our monthly newsletter: join them!

Contact Mentor

Projects + Tutorials on React JS & JavaScript

17 JavaScript for/while loop exercises with solutions

1. write a js code to print numbers from 1 to 10.

Function `printNumbers()` prints numbers from 1 to 10 using for loop.

2. Write a JS code to print a 2D array

Function `printArray()` prints all the elements of a 2D array using nested for loops.

3. Write a JS code to print Even numbers in given array

Function `printEven()` prints all the even numbers of a 2D array using for loops and ‘%’ operator.

4. Write a JS code to delete all occurrence of element in given array

Function `deleteElement()` deletes all the occurrence of element from the given array.

5. Write a JS code to demonstrate Async loop

For loop consisting of setTimeout() function to print loop variable 5 times in asynchronous way.

6. Write a JS code to find the power of a number using for loop

Function numPower() to returns power of number for provided exponential value using for loop.

7. Write a JS code to print a pattern using for loop

Function printPattern() is used to print a pattern for a given range using nested for loop.

8. Write a JS code to find the no of digits in a number

Function digitCount() to returns the number of digits in a given number using while loop.

9. Write a JS code to calculate the sum of digits in a number

Function digitSum() to returns sum of all digits in a given number using while loop. Learn more about JavaScript built-in Math methods from developer.mozilla.org/Global_Objects/Math

10. Write a JS code to find the largest number in an array

Program to find the largest number in the given 1D array. 

11. Write a JS code to find the number of zeros in 2D Matrix

Program to find count number for zeros in 2d matrix using nested for loops and increment operation.

12. Write a JS code to find product of two arrays

Function findProd() to generate a new array which is the product of two arrays of the same size using for loop.

13. Write a JS code to print the Fibonacci series for a given value of N

The function fibonacci() prints the Fibonacci series for the given range N using While loop.

14. Write a JS code to find N value in the Fibonacci series for a given number

The function Findfibonacci() prints the index of number in the Fibonacci series if present or “element not present” if the number is not part of the Fibonacci series.

15. Write a JS code to count all letters in a word

Program to find the count of all letters in a word using double for loops.

16. Write a JS code to find duplicate values in a given array

Function findDup() to returns all the elements that are repeated more than once in a given array.

17. Write a JS code for binary search algorithm

Program to find the index of a search element in an array using the binary search algorithm.

JavaScript Loop tutorials

Related Articles