renamed a function in TextForm.js and added the reason why .mjs files…

… are included

module1.mjs

@@ -1,3 +1,5 @@
+// This file is just for understand import & export in js. It is not related to this project
+
 import dza, {a, c, d}  from './module2.mjs'
 console.log(dza);
 console.log(c);

module2.mjs

@@ -1,3 +1,5 @@
+// This file is just for understand import & export in js. It is not related to this project
+
 const a = "Harry";
 const b = "Rohan";
 const c = "Aakash";

src/components/TextForm.js

@@ -8,7 +8,7 @@ export default function TextForm(props) {
         props.showAlert("Converted to uppercase!", "success");
     }
 
-    const handleLoClick = ()=>{ 
+    const handleLowerClick = ()=>{ 
         let newText = text.toLowerCase();
         setText(newText)
         props.showAlert("Converted to lowercase!", "success");
@@ -48,7 +48,7 @@ export default function TextForm(props) {
             <textarea className="form-control" value={text} onChange={handleOnChange} style={{backgroundColor: props.mode==='dark'?'#13466e':'white', color: props.mode==='dark'?'white':'#042743'}} id="myBox" rows="8"></textarea>
             </div>
             <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleUpClick}>Convert to Uppercase</button>
-            <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleLoClick}>Convert to Lowercase</button>
+            <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleLowerClick}>Convert to Lowercase</button>
             <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleClearClick}>Clear Text</button>
             <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleCopy}>Copy Text</button>
             <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleExtraSpaces}>Remove Extra Spaces</button>