From 77253a016be6bd63cfba9000d0ab0d9eaa882b14 Mon Sep 17 00:00:00 2001
From: Anthony Phillips <anthony.s.phillips888@gmail.com>
Date: Tue, 11 Jun 2024 08:53:42 -0400
Subject: [PATCH 1/2] Create event listner on Keypad Component

---
 src/components/Keypad.js | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/Keypad.js b/src/components/Keypad.js
index 4160fb310..3a7f9c5db 100644
--- a/src/components/Keypad.js
+++ b/src/components/Keypad.js
@@ -1,9 +1,18 @@
-// Code Keypad Component Here
+import React from 'react';
 
 function Keypad (){
-    return (
-        <div></div>
-    )
-}
+  function handleChange() {
+    console.log ("Entering password...")
+  }
 
-export default Keypad;
\ No newline at end of file
+  return (
+      <div>
+        <input type ="password" onChange={handleChange}/>
+      </div>
+  )
+}
+// <input type="password" />
+//render input
+//add event handler that listen for change
+// console.log ("Entering password...")
+export default Keypad;

From 87b8c4e3f62bfdbe3748e641a70f703ff222708a Mon Sep 17 00:00:00 2001
From: Anthony Phillips <anthony.s.phillips888@gmail.com>
Date: Tue, 11 Jun 2024 09:11:15 -0400
Subject: [PATCH 2/2] Create EyesOnMe Component

---
 src/components/EyesOnMe.js | 18 +++++++++++++++++-
 src/components/Keypad.js   |  5 +----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/components/EyesOnMe.js b/src/components/EyesOnMe.js
index 5880cb9d8..8f52c320e 100644
--- a/src/components/EyesOnMe.js
+++ b/src/components/EyesOnMe.js
@@ -1 +1,17 @@
-// Code EyesOnMe Component Here
+import React from 'react';
+
+function EyesOnMe() {
+  function handleFocus() {
+    console.log("Good!")
+  }
+
+  function handleBlur() {
+    console.log("Hey! Eyes on me!")
+  }
+
+  return (
+    <button onFocus={handleFocus} onBlur={handleBlur}>Eyes on me</button>
+  )
+}
+
+export default EyesOnMe
diff --git a/src/components/Keypad.js b/src/components/Keypad.js
index 3a7f9c5db..27f844b14 100644
--- a/src/components/Keypad.js
+++ b/src/components/Keypad.js
@@ -11,8 +11,5 @@ function Keypad (){
       </div>
   )
 }
-// <input type="password" />
-//render input
-//add event handler that listen for change
-// console.log ("Entering password...")
+
 export default Keypad;