add 3rd mobile filed

Author: Sanajt Jana

src/App.js

@@ -3,33 +3,44 @@ import { useState, React } from "react";
 const App = () => {
   //name load state
   const [nameValue, setnameValue] = useState("");
-  const [NameView, setNameView] = useState("");
+  const [NameView, setNameView] = useState(""); //button click state
 
   //email load state
   const [EmailValue, setEmailValue] = useState("");
-  const [EmailView, setEmailView] = useState("");
+  const [EmailView, setEmailView] = useState(""); //button click state
 
-  //name event fucn
-  const nameFucn = (nameValue) => {
-    setnameValue(nameValue.target.value);
+  //mobile load state
+  const [mobileValue, setmobileValue] = useState("");
+  const [mobileView, setmobileView] = useState(""); //button click state
+
+  //name show fucn
+  const nameFucn = (nameKeyValue) => {
+    setnameValue(nameKeyValue.target.value);
+  };
+
+  //email show fucn
+  const emailFucn = (emailKeyValue) => {
+    setEmailValue(emailKeyValue.target.value);
   };
 
-  //email event fucn
-  const emailFucn = (emailValue) => {
-    setEmailValue(emailValue.target.value);
+  //mobile show fucn
+  const mobileFucn = (mobileKeyValue) => {
+    setmobileValue(mobileKeyValue.target.value);
   };
 
   //button click fucn
   const onSubmit = () => {
     setNameView(nameValue);
     setEmailView(EmailValue);
+    setmobileView(mobileValue);
   };
 
   return (
     <>
-      <div className="container text-center" style={{ paddingTop: "20%" }}>
+      <div className="container text-center" style={{ paddingTop: "15%" }}>
         <h1>Hi, {NameView}</h1>
-        <h6>{EmailView}</h6>
+        <h5>{EmailView}</h5>
+        <h6>{mobileView}</h6>
         <div className="pt-3 pb-3">
           <input
             type="text"
@@ -45,6 +56,14 @@ const App = () => {
             onChange={emailFucn}
             value={EmailValue}
           />
+          <br />
+          <br />
+          <input
+            type="number"
+            placeholder="Enter mobile"
+            onChange={mobileFucn}
+            value={mobileValue}
+          />
         </div>
         <button
           type="button"