Build a React component that increments or decrements a number using '+' and '-' buttons.

Easy

Problem Statement

Sample Output

Initially: Value: 0
 Clicking '+' increments and '-' decrements the value.

Limits

Time: 2s · Memory: 256 MB

Code Editor

00:00

Try your code in this preview. Submit marks it done.

import React, { useState } from "react";
 
 const IncrementDecrement = () => {
  const [value, setValue] = useState(0);
 
  return (
  <div>
  <p>Value: {value}</p>
  <button onClick={() => {
  // Increment the value
  }}>+</button>
  <button onClick={() => {
  // Decrement the value
  }}>-</button>
  </div>
  );
 };
 
 export default IncrementDecrement;

Open Sandbox

Programming Exercises

Build a React component that increments or decrements a number using '+' and '-' buttons.

Problem Statement

Sample Output

Limits

Hint 1