Count 2

 import React, { useState } from "react";

import "./index.css";

const App = () => {
  const [score, setScore] = useState(0);

  const add = () => {
    setScore(prevScore => prevScore + 10);
  };

  const subtract = () => {
    setScore(prevScore => prevScore - 5);
  };

  return (
    <div className="main">
      <h1 className="head">Score</h1>
      <h1>{score}</h1>

      <div className="app">
        <button className="add" onClick={add}>+</button>
        <button className="sub" onClick={subtract}>-</button>
      </div>
    </div>
  );
};

export default App;

Comments

Popular posts from this blog

Class File

Dependencies