Event Handling in React Lab

src/components/EyesOnMe.js

@@ -1 +1,19 @@
-// Code EyesOnMe Component Here
+import React from "react";
+
+function EyesOnMe() {
+  const handleFocus = () => {
+    console.log("Good!");
+  };
+
+  const handleBlur = () => {
+    console.log("Hey! Eyes on me!");
+  };
+
+  return (
+    <button onFocus={handleFocus} onBlur={handleBlur}>
+      Eyes on me
+    </button>
+  );
+}
+
+export default EyesOnMe;

src/components/Keypad.js

@@ -1,9 +1,14 @@
-// Code Keypad Component Here
+import React from "react";
 
-function Keypad (){
-    return (
-        <div></div>
-    )
+function Keypad() {
+  function handleChange() {
+    console.log("Entering password...");
+  }
+  return (
+    <div>
+      <input type="password" onChange={handleChange} />
+    </div>
+  );
 }
 
-export default Keypad;
+export default Keypad;