Add autoclicker to generate points per second

Author: lulunac27a

src/App.js

@@ -3,20 +3,35 @@ import { useState } from 'react';
 function App() {
   //app compoment
   const [points, setPoints] = useState(0); //set initial points to 0
+  const [pointsPerSecond, setPointsPerSecond] = useState(0);
   const [clicks, setClicks] = useState(0); //set initial clicks pressed to 0
   const [clickMultiplier, setClickMultiplier] = useState(1);
+  useEffect(() => {
+    const interval = setInterval(() => {
+      //increase points every second
+      setPoints(points + pointsPerSecond);
+    }, 1000);
+    return () => clearInterval(interval); //clear interval when component unmounts
+  });
   function addPointsFromClick() {
     //add points from clicking a button
     setPoints(points + clickMultiplier); //increase points by 1 when button clicked
     setClicks(clicks + clickMultiplier); //increase clicks made by 1
   }
   function upgradeClicker() {
-    //upgrade clicker
-    if (points >= Math.pow(2, clickMultiplier)) {
+    //upgrade clicker (points per click)
+    if (points >= 10 * Math.pow(2, clickMultiplier - 1)) {
       setPoints(points - 10 * Math.pow(2, clickMultiplier - 1)); //spend points
       setClickMultiplier(clickMultiplier + 1); //increase click multiplier by 1
     }
   }
+  function upgradePointsPerSecond() {
+    //upgrade points per second
+    if (points >= Math.pow(2, pointsPerSecond)) {
+      setPoints(points - Math.pow(2, pointsPerSecond));
+      setPointsPerSecond(pointsPerSecond + 1); //increase points per second
+    }
+  }
   return (
     //dynamic app HTML output
     <div className="App">
@@ -32,12 +47,18 @@ function App() {
       </p>
       {/*increase points from clicking a button*/}
       <button onClick={() => addPointsFromClick()}>Click to Add Points</button>
-      {/*upgrade clicker button*/}
+      {/*upgrade clicker (points per click)*/}
       <button onClick={() => upgradeClicker()}>
-        Upgrade Clicker
+        Upgrade Clicker (Points Per Click)
         <br />
         Cost: {10 * Math.pow(2, clickMultiplier - 1)}
       </button>
+      {/*upgrade points per second*/}
+      <button onClick={() => upgradePointsPerSecond()}>
+        Upgrade Points Per Second
+        <br />
+        Cost: {10 * Math.pow(2, pointsPerSecond)}
+      </button>
     </div>
   );
 }