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
Post a Comment