Add comments in JSX

Author: lulunac27a

src/App.js

@@ -1,5 +1,5 @@
-import './App.css';
-import { useState } from 'react';
+import "./App.css";
+import { useState } from "react";
 function App() {
   //app compoment
   const [points, setPoints] = useState(0); //set initial points to 0
@@ -12,10 +12,16 @@ function App() {
   return (
     //dynamic app HTML output
     <div className="App">
-      <header className="App-header">Endless Simple Idle Game</header>
+      {/*app context*/}
+      <header className="App-header">
+        {/*app header context*/}
+        Endless Simple Idle Game
+      </header>
       <p>Click the button to add points!</p>
-      Points: <div id="points-display">{points}</div>
+      {/*display current points value*/}Points:{" "}
+      <div id="points-display">{points}</div>
       <br />
+      {/*increase points from clicking a button*/}
       <button onClick={() => addPointsFromClick()}>Click to Add Points</button>
     </div>
   );