javascript problem solving free

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

Want to learn and master JavaScript?

Join Exercism’s JavaScript Track for access to 146 exercises grouped into 33 JavaScript Concepts, with automatic analysis of your code and personal mentoring , all 100% free.

About JavaScript

146 coding exercises for javascript on exercism. from series to diffie-hellman..

Get better at programming through fun, rewarding coding exercises that test your understanding of concepts with Exercism.

Given a string of digits, output all the contiguous substrings of length `n` in that string.

Write a function to determine if a list is a sublist of another list.

Diffie-Hellman

Diffie-Hellman key exchange.

Key Features of JavaScript

Runs almost everywhere.

Build web-pages, write backend, create database scripts, make mobile apps, design CLI-s, and more.

Use any programming style

Use prototype-based, object-oriented, functional, or declarative programming styles, and more.

No types required

Dynamically and weakly typed by default, gain typed confidence using Flow, JSDoc, or TypeScript.

Concurrency is safe

Async/await, dedicated workers, or state sync in shared workers. No deadlocks or race conditions.

Largest package registry

No need to reinvent the wheel. Build on top of > 1.3 million packages (April, 2020).

Designed by a committee

Frequent updates, following ECMAScript, a general purpose, cross platform, vendor-neutral standard.

A taste of the concepts you'll cover

Get mentored the javascript way.

Every language has its own way of doing things. JavaScript is no different. Our mentors will help you learn to think like a JavaScript developer and how to write idiomatic code in JavaScript. Once you've solved an exercise, submit it to our volunteer team, and they'll give you hints, ideas, and feedback on how to make it feel more like what you'd normally see in JavaScript - they'll help you discover the things you don't know that you don't know.

Community-sourced JavaScript exercises

The JavaScript track on Exercism has 33 concepts and 146 exercises to help you write better code. Discover new exercises as you progress and get engrossed in learning new concepts and improving the way you currently write.

Get started with the JavaScript track

The best part, it’s 100% free for everyone.

Level up your JavaScript skills with 10 coding challenges

• 1 (current)

Practice JavaScript Online

Become a javascript ninja with javascript challenges.

Welcome to JavaScript Ninjas, your premier destination for mastering JavaScript online. Whether you're a novice or an experienced coder, our platform offers a dynamic environment to practice JavaScript online, tackle challenging coding challenges, and elevate your skills to ninja-level proficiency. With our curated collection of real-time JavaScript challenges, you'll have the opportunity to hone your coding prowess and become a true JavaScript Ninja. Join our community today and embark on your journey to becoming a coding master!

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!

15 Best Platforms To Practice JavaScript self.__wrap_b=(t,n,e)=>{e=e||document.querySelector(`[data-br="${t}"]`);let a=e.parentElement,r=R=>e.style.maxWidth=R+"px";e.style.maxWidth="";let o=a.clientWidth,c=a.clientHeight,i=o/2-.25,l=o+.5,u;if(o){for(;i+1 {self.__wrap_b(0,+e.dataset.brr,e)})).observe(a):process.env.NODE_ENV==="development"&&console.warn("The browser you are using does not support the ResizeObserver API. Please consider add polyfill for this API to avoid potential layout shifts or upgrade your browser. Read more: https://github.com/shuding/react-wrap-balancer#browser-support-information"))};self.__wrap_b(":R4mr36:",1)

HackerEarth

Freecodecamp, geeksforgeeks, educative.io, codeacademy, javascript questions – by lydia hallie, javascript coding practice – by learning zone, 123 essential javascript questions – by yuri katkov, javascript interview question – by sudheer j.

Learning any programming language is not enough, and we need to practice.

If you are learning JavaScript, I have curated the ten best platforms to practice JavaScript for free.

Codedamn is an interactive programming platform; you will learn and build projects side by side. It offers over 500+ coding problems for you to practice.

You can solve 3-5 questions daily without waiting another day to solve more questions.

Codedamn has community support, if you get stuck on a particular problem, you can ask for help, and developers will be ready to help you anytime.

The problem’s difficulty level ranges from easy to hard. But you can go at your pace.

Here is the link to solve 500+ JavaScript problems .

If you think these problems are too advanced, you can learn about JavaScript basics, which codedamn offers for free.

Link to learn JavaScript: JavaScript basics

On codewars, you will get all types of questions ranging from easy to complex.

You will get instant feedback on your answers. Your rank will level up as you progress.

If you get stuck, codewars have a senior developers community that will help you.

Link to practice on codewars

codin games is a gamified learning platform. On codin games, you will code and execute the correct code to save yourself from obstacles and enemies.

You can compete individually or by teaming up with other fellow developers.

You can compare your and other developer code to improve your JavaScript coding skills.

You can play and build your developer profile, and You can even apply for jobs. You need to solve complex problems and be consistent on the platform to stand out from others.

Link to practice on the codin game.

If you don’t know Solo Learn, you are not a developer. Earlier, Solo learn was only available as a mobile application, and now you can also learn on the web.

Solo learn offers a JavaScript course and exercise to improve your JavaScript coding skills.

At the end of each topic, you will get practice problems you need to solve to unlock the next section.

Link to practice on Solo learn .

Edabit has interactive exercises ranging from easy to complex, and you can filter the challenges using tags. You can practice your JavaScript coding skills for free.

If you get stuck on any question, you can unlock the solution, but you will lose the XPs you have gained.

Alternatively, the resources tab contains the concepts to learn to solve that problem.

Link to practice JavaScript at edabit.

Hacker earth has a set of questions based on if you are preparing for an interview or you are a beginner at programming ,

It has a codemonk section where you will get questions based on Data Structures and algorithms. Best suited if you know DSA and algorithms, or you can practice easy and medium-difficulty problems.

On hacker earth, you can participate in challenges, try to build your developer profile, and stand out from other developers. And apply for jobs at companies.

Link to practice at HackerEarth

On programiz, you can practice JavaScript for free, and You will get the list of concepts to learn and practice problems at the end of each concept to retain what you have learned.

There are separate JavaScript examples sections available there, and you will find the JavaScript-related question and some general programming questions based on the topics you have learned.

Link to practice JavaScript examples at programiz.

Freecodecamp is popular among developers because of its ocean of totally free courses.

Freecodecamp offers 100s of exercises related to JavaScript, ranging from basic concepts, regular expressions, array methods, objects, data structure, and algorithms.

These exercises are for beginners to advanced javascript developers.

Link to practice on freecodecamp

To practice on GeeksforGeeks, you need to create an account once you create an account with them, head over to the below link to practice JavaScript.

This platform best suits you if you have Data Structure and algorithms knowledge.

You can filter out the problems based on the companies that have asked about that problem or on the concepts like Arrays, Objects, and Strings.

You can even choose the problem difficulty level from school to pro level.

Link to practice on GeeksforGeeks

The Educative has an assessment test. You can take the JavaScript assessment test, which takes around 20 minutes to complete.

The assessment test consists of all the topics, from fundamental concepts like variables, data types, and conditional statements to advanced concepts like arrays and objects.

Link to the assessment test

On Codecademy, you will find a javascript project-based course that is very helpful if you want to learn and build projects at the same time using javascript.

Link to javascript courses

I have curated four GitHub repositories that are helpful. You will gain problem-solving skills, and some repositories will help you prepare for the interview.

This repo has more than 500+ questions with answers, and this repo is available in 18 other languages. In this repo, you will find basic to very advanced questions, and some are very difficult.

Link to repo

This repo has more than 100+ javascript exercises with the answers. This repo will give you insights into How the recruiter will ask questions in a javascript-related interview.

You will find 123 essential javascript interview-related questions, which you can practice on your code editor or online to crack practical interviews. This repo has 4K stars, and you will find some exciting questions that might help you build problem-solving skills.

You will find 1000+ questions ? related to javascript on this repo, which you can practice. Questions range from the difficulty level of beginners to advanced.

I hope you found this article helpful, You can choose any platform and practice it to improve your developer profile, gain problem-solving skills and move to the next platform.

Thanks for reading.

Sharing is caring

Did you like what Mujahid Khan H A wrote? Thank them for their work by sharing it on social media.

No comment s so far

Curious about this topic? Continue your journey with these coding courses:

705 students learning

Laurence Svekis

Practice JavaScript by building 10+ real projects

146 students learning

DINESH KUMAR REDDY

JavaScript from Zero to Hero with 5+ projects

106 students learning

Shubham Sarda

Mastering Advanced JavaScript

• 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.

Solve programming problems in Javascript or TypeScript! This site will only store your progress within your current web browser. To keep your solutions permanently, be sure to save your solution as a file.

• JavaScript Coding Challenges for Beginners

Login to your Account

Forgot Password?

Mastering these coding challenges may not get you a job at Google... but you'll be one step closer to building your own JavaScript game at codeguppy.com

YouTube Channel

After you read this article, please remember to check out also the “Coding Adventures” YouTube channel. You’ll find there a series of fun and engaging coding lessons and cool projects.

Channel main page Coding lessons playlist Coding projects playlist

The coding challenges in this article are intended for code newbies, therefore the solutions are implemented using only simple / classical programming elements. Each solution is acompanied by an online link that helps you quickly run it in a code playground.

If you prefer to open all solutions in a single, unified coding playgroud please open the 50 Coding Challenges project.

The code is making use of the codeguppy specific function println() to print the results. If you want to run these solutions outside CodeGuppy, just replace println() with console.log() then run them using your browser console tool or node.js.

Coding challenge #1: Print numbers from 1 to 10

Edit in coding playground

Coding challenge #2: Print the odd numbers less than 100

Coding challenge #3: print the multiplication table with 7, coding challenge #4: print all the multiplication tables with numbers from 1 to 10, coding challenge #5: calculate the sum of numbers from 1 to 10, coding challenge #6: calculate 10, coding challenge #7: calculate the sum of odd numbers greater than 10 and less than 30, coding challenge #8: create a function that will convert from celsius to fahrenheit, coding challenge #9: create a function that will convert from fahrenheit to celsius, coding challenge #10: calculate the sum of numbers in an array of numbers, coding challenge #11: calculate the average of the numbers in an array of numbers, coding challenge #12: create a function that receives an array of numbers and returns an array containing only the positive numbers, coding challenge #13: find the maximum number in an array of numbers, coding challenge #14: print the first 10 fibonacci numbers without recursion, coding challenge #15: create a function that will find the nth fibonacci number using recursion, coding challenge #16: create a function that will return a boolean specifying if a number is prime, coding challenge #17: calculate the sum of digits of a positive integer number, coding challenge #18: print the first 100 prime numbers, coding challenge #19: create a function that will return in an array the first "nprimes" prime numbers greater than a particular number "startat", coding challenge #20: rotate an array to the left 1 position, coding challenge #21: rotate an array to the right 1 position, coding challenge #22: reverse an array, coding challenge #23: reverse a string, coding challenge #24: create a function that will merge two arrays and return the result as a new array, coding challenge #25: create a function that will receive two arrays of numbers as arguments and return an array composed of all the numbers that are either in the first array or second array but not in both, coding challenge #26: create a function that will receive two arrays and will return an array with elements that are in the first array but not in the second, coding challenge #27: create a function that will receive an array of numbers as argument and will return a new array with distinct elements, coding challenge #28: calculate the sum of first 100 prime numbers, coding challenge #29: print the distance between the first 100 prime numbers, coding challenge #30-a: create a function that will add two positive numbers of indefinite size. the numbers are received as strings and the result should be also provided as string., coding challenge #30-b: create a function that will add two positive numbers of indefinite size. the numbers are received as strings and the result should be also provided as string., coding challenge #31a. create a function that will return the number of words in a text, coding challenge #31b. create a function that will return the number of words in a text, coding challenge #32. create a function that will capitalize the first letter of each word in a text, coding challenge #33. calculate the sum of numbers received in a comma delimited string, coding challenge #34. create a function that will return an array with words inside a text, coding challenge #35. create a function to convert a csv text to a “bi-dimensional” array, coding challenge #36. create a function that converts a string to an array of characters, coding challenge #37. create a function that will convert a string in an array containing the ascii codes of each character, coding challenge #38. create a function that will convert an array containing ascii codes in a string, coding challenge #39. implement the caesar cypher, coding challenge #40. implement the bubble sort algorithm for an array of numbers, coding challenge #41. create a function to calculate the distance between two points defined by their x, y coordinates, coding challenge #42. create a function that will return a boolean value indicating if two circles defined by center coordinates and radius are intersecting, coding challenge 43. create a function that will receive a bi-dimensional array as argument and a number and will extract as a unidimensional array the column specified by the number, coding challenge #44. create a function that will convert a string containing a binary number into a number, coding challenge #45. create a function to calculate the sum of all the numbers in a jagged array (array contains numbers or other arrays of numbers on an unlimited number of levels), coding challenge #46-a. find the maximum number in a jagged array of numbers or array of numbers, coding challenge #46-b. find the maximum number in a jagged array of numbers or array of numbers, coding challenge #47. deep copy a jagged array with numbers or other arrays in a new array, coding challenge #48. create a function to return the longest word(s) in a string, coding challenge #49. shuffle an array of strings, coding challenge #50. create a function that will receive n as argument and return an array of n unique random numbers from 1 to n., coding challenge #51. find the frequency of characters inside a string. return the result as an array of objects. each object has 2 fields: character and number of occurrences., coding challenge #52. calculate fibonacci(500) with high precision (all digits), coding challenge #53. calculate 70 with high precision (all digits).

• About codeguppy

Follow @codeguppy on Twitter for coding tips and news about codeguppy platform. For more information, please feel free to contact us.

• 7 Educational Tools That You Can Code Yourself in JavaScript
• 8 Computer Science Algorithms You Can Implement in JavaScript
• JavaScript is like Python
• Sending Coding Greeting Cards: A Unique Way to Inspire Young Minds
• Embracing Allman Style in Coding Education: A JavaScript Perspective
• Coding Books for Kids: Expanding Your Digital Horizons
• How Many Bits Do You Need to Store the Number 34,234,230,950,425?
• How to Write Beautiful JavaScript Code
• Why Are There 8 Bits in a Byte?
• How Kids Learned Programming in the 80s?
• Raspberry Pi 400 and Orange Pi 800 - A Computer Inside of a Keyboard!
• Should I Start Coding with Scratch, Python, or JavaScript?
• Make a retro game with custom sprites using JavaScript
• How to implement collision detection between two circles using p5.js?
• How to calculate the distance between two points using JavaScript and p5.js?
• Why 0.1 + 0.2 is not 0.3 in JavaScript?
• 10 Coding Projects for Middle and High School Students
• Building a Raspberry Pi Paper Computer in Your Coding Club
• Computer Science Curriculum for teaching JavaScript
• From 80's BASIC to JavaScript
• What is ASCII?
• Importance of code indentation
• How to write clean code?
• Explaining binary numbers using light bulbs
• Charles Babbage facts for kids
• Avoid these top 10 coding mistakes
• About ASCII and Unicode
• 12 questions answered about coding
• 10 myths about coding
• Top 5 free coding platforms for kids
• p5.js in the classroom
• How to organize a coding club for kids?
• History of programming languages
• About coordinate systems
• Binary system
• Best coding websites for kids
• Ada Lovelace facts for kids
• About early computers
• 20 ways to improve your coding skills
• Coding Resources for Teachers
• Easy Games to Code for Beginners
• Exploring the World of Drawing with code
• High School Computer Science Curriculum in PowerPoint format
• JavaScript and Game Programming Curriculum
• JavaScript Curriculum - A great Teaching Resource
• What is recursion in JavaScript?
• What is data compression?
• What is a coding style guide?
• Transitioning kids from block-based coding to text-based coding
• Top 10 javascript coding questions you were afraid to ask
• Scratch vs Python vs JavaScript
• Recursion in JavaScript - Practical examples
• Organize a game jam in your coding club
• How to select a coding platform for your classroom?
• How JavaScript got its name?
• Hexadecimal system
• Can you solve these riddles using JavaScript?
• Coding projects for middle and high school students
• Teaching with p5.js
• Python or JavaScript. What's the best programming language to learn first?
• The first million primes
• Coding hints V: Other coding hints
• Coding hints IV: JavaScript Game Development with codeguppy.com
• Coding hints III: User Input
• Coding hints II: Drawing on canvas using JavaScript
• Coding hints I: JavaScript Syntax
• Flood fill in JavaScript – Recursion or no recursion?
• Calculate PI in JavaScript ... by throwing darts
• Calculate PI by measuring the area of a circle in JavaScript
• Build a fantasy CPU emulator in JavaScript
• Calculate 70! in JavaScript
• JavaScript Modulo and the Caesar Cipher
• Teach Coding and Computer Science at Your School
• Porting programs between Khan Academy and codeguppy.com
• Free Coding Platforms
• Using external images and sprites
• codeguppy for p5.js users
• Best coding website for kids
• Type-in programs
• JavaScript for Kids
• Hour of Code

What Users say?

CodeGuppy allows me to create my own games that I can share with my friends.

I was always interested to see how the classic games such as Pong and Breakout were made. CodeGuppy has tutorials for these games as well as many others.

CodeGuppy is the best coding site on the entire web.

DEV Community

Posted on May 9, 2020

FREE PDF: 50 JavaScript Coding Challenges for Absolute Beginners

Hi Dev.To Community,

I'm sharing a PDF with 50 JavaScript coding challenges (and their solutions). All solutions are presented in classic JavaScript syntax in order to appeal to beginners.

Advanced users can have fun too!

Download link: https://codeguppy.com/site/download/50_coding_challenges.pdf

Happy coding!

Top comments (1)

Templates let you quickly answer FAQs or store snippets for re-use.

• Location Sussex, England
• Education YouTube, Udemy, freecodecamp
• Work Junior Web Dev at Self employed
• Joined May 9, 2020

Thanks Adrian!

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink .

Hide child comments as well

For further actions, you may consider blocking this person and/or reporting abuse

Exploring Next.js 14.3.0-canary.26: A Peek into the Future of SSR Frameworks

Dipak Ahirav - Apr 28

React 19: Unleashing New Frontiers in Web Development

M Adeel - Apr 28

Gustavo H. J. - Apr 28

Dry running the code to understand the flow

abhsiksah - Apr 27

We're a place where coders share, stay up-to-date and grow their careers.

#PROBLEM SOLVING

A collection of 23 posts, #programming | 2778, #tech | 2743, #javascript | 2373, #web development | 1940, #technology | 1715, #react | 944, #python | 847, #startup | 716, #youtube | 663, #software development | 646, #design | 573, #life lessons | 535, #productivity | 528, #self improvement | 482.

How to Use Chrome DevTools – Simple Strategies for Smarter Web Development

How to Print Array Elements in a Given Order with or without a Function

How to Understand Complex Coding Concepts Using the Feynman Technique

How to Prepare for Technical Interviews – Problem-Solving Tips + Mindset Tricks to Get You Ready

How to Fix Google Chrome Black Screen on Linux OS (Wayland)

How to Debug Applications with Strace, Python, and Wireshark

Discord Won't Open on my PC [Solved in Windows 10]

What is Pseudocode? How to Use Pseudocode to Solve Coding Problems

How to Solve Leetcode Problems With Python One-Liners

How to Build a Programming Project Step by Step

What I've Learned from Building Products – Lessons in Communication and Problem Solving

How to Solve Coding Problems with a Simple Four Step Method

How to Find the Number of Vowels in a String with JavaScript

How to Combine Good Ideas to Get the Best Solution to a Problem

How to Know When You've Learned Everything You Can From a Programming Problem

How to Ask Effective Questions: A Practical Guide for Developers

How to Identify Basic Internet Problems with the Ping Command

Do You Solve Programming Problems or Complete Exercises? (The Difference Matters.)

How to Get Unstuck When You Hit a Programming Wall

Do it like an engineer

A definitive guide to conditional logic in JavaScript

How you can step up your JavaScript debugging skills

Change the signs: how to use dynamic programming to solve a competitive programming question

Rooftop solar panels are flooding California’s grid. That’s a problem.

As electricity prices go negative, the golden state is struggling to offload a glut of solar power.

In sunny California, solar panels are everywhere. They sit in dry, desert landscapes in the Central Valley and are scattered over rooftops in Los Angeles’s urban center. By last count, the state had nearly 47 gigawatts of solar power installed — enough to power 13.9 million homes and provide over a quarter of the Golden State’s electricity.

But now, the state and its grid operator are grappling with a strange reality: There is so much solar on the grid that, on sunny spring days when there’s not as much demand, electricity prices go negative. Gigawatts of solar are “curtailed” — essentially, thrown away.

In response, California has cut back incentives for rooftop solar and slowed the pace of installing panels. But the diminishing economic returns may slow the development of solar in a state that has tried to move to renewable energy . And as other states build more and more solar plants of their own, they may soon face the same problems.

“These are not insurmountable challenges,” said Michelle Davis, head of global solar at the energy research and consulting firm Wood Mackenzie Power and Renewables. “But they are challenges that a lot of grid operators have never had to deal with.”

Solar power has many wonderful properties — once built, it costs almost nothing to run; it produces no air pollution and generates energy without burning fossil fuels. But it also has one major, obvious drawback: The sun doesn’t shine all the time.

Over 15 years ago, researchers at the National Renewable Energy Laboratory were in the midst of modeling a future with widespread solar power when they noticed something strange. With lots of solar power on a given electricity grid, the net load — or the demand for electricity minus the renewable energy — would take on a “U” shape. Sky-high demand in the morning would be replaced by almost zero demand in the middle of the day, when solar power could generate virtually all electricity people needed. Then as the sun set, demand surged up again.

California’s grid operator, known as CAISO, later dubbed this effect the “ duck curve .” (If you squint, you can imagine the curve as the belly of a duck.) It’s most prominent in the spring months, when solar panels get plenty of sunshine but there is less demand for heating and cooling.

In recent years in California, the duck curve has become a massive, deep canyon — and solar power is going unused. In 2022, the state wasted 2.4 million megawatt-hours of electricity, 95 percent of which was solar. (That’s roughly 1 percent of the state’s overall power generation in a year, or 5 percent of its solar generation.) Last year, the state did that in just the first eight months.

Clyde Loutan, principal for renewable energy integration at CAISO, says that the state has long been prepared for more solar on the grid. But, he added, “We drastically underestimated the speed at which residential solar was going to come in.”

Curtailing solar isn’t technically difficult — according to Paul Denholm, senior research fellow at the National Renewable Energy Laboratory, it’s equivalent to flipping a switch for grid operators. But throwing away free power raises electricity prices.

It has also undercut the benefits of installing rooftop solar. Since the 1990s, California has been paying owners of rooftop solar panels when they export their energy to the grid. That meant that rooftop solar owners got $0.20 to $0.30 for each kilowatt-hour of electricity that they dispatched.

But a year ago, the state changed this system, known as “net-metering,” and now only compensates new solar panel owners for how much their power is worth to the grid. In the spring, when the duck curve is deepest, that number can dip close to zero. Customers can get more money back if they install batteries and provide power to the grid in the early evening or morning.

The change has sparked a huge backlash from Californians and rooftop solar companies, which say that their businesses are flagging. Indeed, Wood Mackenzie predicts that California residential solar installations in 2024 will fall by around 40 percent. Some state politicians are now trying to reverse the rule.

“Under the CPUC’s leadership California is responsible for the largest loss of solar jobs in our nation’s history,” Bernadette del Chiaro, the executive director of the California Solar and Storage Association, said in a statement referring to California’s public utility commission.

But experts say that it reflects how the economics of solar are changing in a state that has gone all-in on the technology.

“You don’t want the utility or the grid operator to be overpaying for power when they don’t have to,” Davis said.

Other states, which have been slower to adopt solar, are starting to experience the same thing. Nevada, which generates 23 percent of its power from solar, has also seen deepening duck curves. Hawaii, which has thousands of homes with rooftop solar, has cut down on the payments those households get from the grid.

Beyond the sunny West, many states are still trying to ramp up rooftop solar power and extend its reach beyond affluent households. The Biden administration announced $7 billion in grants this week to provide rooftop solar to 900,000 low-income households.

California grid operators hope that their experience will teach other states what to expect as renewables grow. “The problem we’re seeing out West — nobody else has seen this,” Loutan said.

Solar can still grow in California. In the summer, when high air conditioning use strains the grid, solar can be useful even in the middle of the day. Denholm says that as solar continues to drop in price, installing solar that is curtailed regularly can still be cost-effective. “Throwing away some amount of renewable energy can absolutely make economic sense,” he said.

But California’s grid operator still hopes to avoid it if at all possible. Loutan called it “one of the last things we want to do.”

To cope, CAISO is selling some excess power to nearby states; California is also planning to install additional storage and batteries to hold solar power until later in the afternoon. Transmission lines that can carry electricity to nearby regions will also help — some of the lost power comes from regions where there simply aren’t enough power lines to carry a sudden burst of solar.

Denholm says the state is starting to take the steps needed to deal with the glut. “There are fundamental limits to how much solar we can put on the grid before you start needing a lot of storage,” Denholm said. “You can’t just sit around and do nothing.”

More on climate change

Understanding our climate: Global warming is a real phenomenon , and weather disasters are undeniably linked to it . As temperatures rise, heat waves are more often sweeping the globe — and parts of the world are becoming too hot to survive .

What can be done? The Post is tracking a variety of climate solutions , as well as the Biden administration’s actions on environmental issues . It can feel overwhelming facing the impacts of climate change, but there are ways to cope with climate anxiety .

Inventive solutions: Some people have built off-the-grid homes from trash to stand up to a changing climate. As seas rise, others are exploring how to harness marine energy .

What about your role in climate change? Our climate coach Michael J. Coren is answering questions about environmental choices in our everyday lives. Submit yours here. You can also sign up for our Climate Coach newsletter .

• Pollution fueling a sex imbalance among endangered green sea turtles November 26, 2023 Pollution fueling a sex imbalance among endangered green sea turtles November 26, 2023
• This Fox News host gives climate skeptics airtime but went solar at home October 25, 2023 This Fox News host gives climate skeptics airtime but went solar at home October 25, 2023
• How humans have altered the Earth enough to start a new chapter of geologic time June 20, 2023 How humans have altered the Earth enough to start a new chapter of geologic time June 20, 2023

How do Liverpool solve a problem like Salah?

In a troubled few weeks for Liverpool it was, perhaps, the most concerning image of all.

The sight of Jurgen Klopp, one of Anfield’s greatest managers, involved in a touchline row with Mohamed Salah , one of the club’s best players of the modern era, at West Ham on Saturday was at best unseemly and, at worst, raised serious questions.

Advertisement

With Klopp’s departure at the end of the season pre-ordained, those queries centred on Salah — his relations with the manager and his staff, his wider state of mind as he battles against a slump in form and, most pertinently, his long-term future.

The Egyptian, who is Liverpool’s top earner at around £350,000 ($377,000) a week after the contract extension he signed in 2022 , has one year remaining on his deal and there has been no progress over new terms, with the club’s focus falling on hiring Klopp’s successor — almost certainly Arne Slot .

As  The Athletic revealed on Monday, Liverpool expect Salah to stay this summer and are planning on him being part of their squad for next season.

But with his future back on the agenda, what are Liverpool’s options — and what makes most sense?

Option 1: Sell him now… at the right price

Liverpool may be expecting Salah to stay, but given owners Fenway Sports Group’s (FSG) self-sustaining business model, there’s a case for cashing in on him this summer.

It’s not just that his form has been so patchy since returning to action from the hamstring injury he initially suffered at the Africa Cup of Nations in January. He turns 32 in June and there have to be concerns that performing at the highest level for so long has taken a toll. He averaged over 50 appearances in his first six seasons at Liverpool.

One of the reasons why Liverpool’s owners rate Michael Edwards so highly is his ability to take emotion out of the decision-making process. It’s all about what’s best for the club going forward rather than what someone has previously delivered.

Liverpool turned down an offer of £100million , potentially rising to £150m with add-ons, for Salah from Saudi Pro League side Al Ittihad last August. It was a no-brainer at the time because there wasn’t sufficient time to recruit a suitable replacement.

However, if a similar figure is on the table earlier in the window this summer, it would be hard to reject. Such a windfall would enable them to recruit a younger replacement.

Can Liverpool really run the risk of losing Salah for nothing in 2025? In recent years, Roberto Firmino, Alex Oxlade-Chamberlain, Naby Keita, James Milner , Divock Origi and Gini Wijnaldum have all left as free agents.

In many of those cases, Liverpool reasoned that keeping a player around for their final year was worth more to the club than the relatively modest fee their sale would have generated. Salah’s value, however, is on a different level.

Of course, selling him is only really viable if Saudi clubs come calling, given that it’s hard to see another European club being willing to pay the kind of wages and transfer fee required to satisfy all parties. Salah would also need to agree to leave now rather than next summer, when he would be able to command a much higher signing-on fee.

James Pearce

Option 2: A new contract at reduced terms

The difficulty for Liverpool is figuring out whether Salah’s slump in form is a blip that he will recover from after a summer of rest and recovery or if this is his new level.

Salah will play better than his current form — quality does not disappear in an instant — but his ability to win games for Liverpool single-handedly has diminished and more than ever he looks human; part of a team rather than the superhero.

With that in mind, the possibility of offering Salah a new deal on significantly reduced terms has to be one the club takes seriously.

Salah deservedly became the club’s highest earner when he signed his current contract in 2022. But Liverpool cannot solely offer a deal based on what a player has done: it is about what they will do next.

That doesn’t mean the Egypt international will like it. He will no doubt argue that once again he will finish the season as Liverpool’s top goalscorer. He is still the club’s best forward compared to his team-mates, who still have question marks surrounding either their consistency, injuries or production.

Salah is no longer the tricky speedster who torments full-backs. While still quick, he cannot run away from opponents like he once did and his take-on success percentage has halved. He has adapted his game, though, becoming a creator alongside his goalscoring.

Arne Slot’s 4-2-3-1 system often asks the right winger to drift inside becoming a second No 10. It is a role which might suit Salah more than what is currently being asked of him. It should get him closer to the goal, increasing the likelihood of him assisting or scoring. There is also the option of converting him into a No 9 — a role he has appeared in on rare occasions under Klopp.

This could give him a new spark — but convincing a global superstar they are not worth their current salary will be a difficult sell.

Option 3: Keep him another season and let him leave for free

Liverpool have shown in recent seasons that they are not afraid to allow players to leave for nothing at the end of their contract.

Thiago and Joel Matip are set to do so this season while Firmino, Oxlade-Chamberlain, Keita, Milner, Wijnaldum and Adam Lallana have all followed the same path.

Letting Salah walk away for nothing is different as the rest were never considered Liverpool’s best player, and their values had reduced to the point where any sale would have generated little funds.

The question often asked in these situations is whether keeping the player for one more year is more valuable than cashing in on him. If the Saudi Pro League are unwilling to offer big money and would rather wait — with their expectation that Salah will remain at Liverpool next season — there may not be an offer made that Liverpool feel is acceptable.

It may help Slot to have the foremost of his striking options, even for only a season as part of the transition. There are already areas of the squad that need work this summer, so adding another item to the incoming manager’s to-do list would not be ideal.

Besides, Salah could return to an elite level next season. There will be a tweak to his role as Slot’s system differs to Klopp’s and the new system and manager may fit him perfectly. It would also give Liverpool more time to find and sign his replacement.

From Salah’s perspective, staying another year would also offer one last crack at winning the Premier League and Champions League . It would also offer him more control over his future as a free agent — he’d be free to talk to foreign clubs from January 2025 — as well as picking up a significant signing-on bonus.

Option 4: Keep him — whatever the cost

There is a temptation to regard this season as some kind of failure for Salah and, on its worst days, even let it point to the start of fading powers.

The last month has helped to entrench the doubts yet, even with his injury problems and time spent away at the Africa Cup of Nations, Salah has scored 24 Liverpool goals. The next best? Darwin Nunez with 18.

Liverpool are yet to find anyone capable of delivering as consistently as Salah, and until that day arrives it would be a huge gamble to even contemplate parting with their talisman.

An extended contract on the current terms is admittedly the least likely summer move being considered, but Salah’s value to Liverpool — on and off the pitch — remains enormous.

One has helped the other to grow in the last seven years, and keeping Salah around for the long term can help ensure the transition from Klopp to Slot runs as smoothly as possible. Losing one revered figure will be hard enough without seeing another depart.

Do not mistake this for a sentimental vote or confuse it with Manchester United ’s ill-fated — and expensive — reunion with Cristiano Ronaldo in 2021. Salah, even at nearly 32, still has plenty left to offer to Liverpool.

He is the club’s modern-day icon with good reason (210 goals and counting) and tying him down until at least 2026 has greater merit than risk. Signing a suitable replacement would likely cost an awful lot more.

Phil Buckingham

Get all-access to exclusive stories.

Subscribe to The Athletic for in-depth coverage of your favorite players, teams, leagues and clubs. Try a week on us.