Clase platzi#6 - Eventos en React: onClick, onChange

scharcode · Jan 4, 2024 · 4fa226f · 4fa226f
1 parent 331845d
commit 4fa226f
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/CreateTodoButton.js b/src/CreateTodoButton.js
@@ -2,7 +2,16 @@ import './CreateTodoButton.css';
 
 function CreateTodoButton() {
   return (
-    <button className="CreateTodoButton">+</button>
+    <button
+      className="CreateTodoButton"
+      onClick={
+        (event) => {
+          console.log('Hiciste clic')
+          console.log(event)
+          console.log(event.target)
+        }
+      }
+    >+</button>
   );
 }
 

diff --git a/src/TodoSearch.js b/src/TodoSearch.js
@@ -5,6 +5,12 @@ function TodoSearch() {
     <input 
       placeholder="Buscar TODO"
       className="TodoSearch"
+      onChange={(event) => {
+        console.log('Escribiste en el TodoSearch')
+        console.log(event)
+        console.log(event.target)
+        console.log(event.target.value)
+      }}
     />
   );
 }