Guided reviewBasic

Counter from 0 to 20

Build a counter with − and + buttons. The value must not drop below 0 or go above 20, and the user should be able to see the bounds.

React components can't be run automatically here. Write the solution, check it in your own project and compare it with the checklist.

You will practise

Source: Full Stack / JS — task card — The task and reference solution come from the card.

Not run automatically — compare with the checklist

import { useState } from 'react';

export default function Counter() {
  // Your solution
}

Tab indents · Esc, then Tab, leaves the editor · Your code is saved in this browser.

0 of 5 checked

Stuck? Hints go from gentle to specific.

Give it a real try first — the solution is most useful after you've struggled a bit.