Improve function naming

Author: Mitchell139

1-exercise-solutions/lesson-04/4b.html

@@ -24,7 +24,7 @@
       function App() {
         const [isButtonOn, setIsButtonOn] = React.useState(true);
 
-        function switchButtonOn() {
+        function toggleButton() {
           // Another solution is: setIsButtonOn(!isButtonOn);
           if (isButtonOn) {
             setIsButtonOn(false);
@@ -36,7 +36,7 @@
         return (
           <button
             className="on-button"
-            onClick={switchButtonOn}
+            onClick={toggleButton}
           >
             {isButtonOn ? 'ON' : 'OFF'}
           </button>

1-exercise-solutions/lesson-04/4c.html

@@ -33,7 +33,7 @@
       function App() {
         const [isButtonOn, setIsButtonOn] = React.useState(true);
 
-        function switchButtonOn() {
+        function toggleButton() {
           if (isButtonOn) {
             setIsButtonOn(false);
           } else {
@@ -48,7 +48,7 @@
         return (
           <button
             className={isButtonOn ? 'on-button' : 'off-button'}
-            onClick={switchButtonOn}
+            onClick={toggleButton}
           >
             {isButtonOn ? 'ON' : 'OFF'}
           </button>