[WIP] Clase 19 Eventos.

Douglas1688 · Douglas1688 · commit 87dbd48e0714 · 2021-06-20T23:33:02.000-05:00
diff --git a/clase_19/index.html b/clase_19/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <title>Objeto Evento</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <form id="form">
+    <input id="input" type="text">
+    <input type="submit" value="enviar">
+  </form>
+  
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/clase_19/script.js b/clase_19/script.js
@@ -0,0 +1,16 @@
+const form = document.getElementById('form');
+const input = document.getElementById('input');
+
+// input.addEventListener('keyup',(e)=>{
+// console.log(e);
+// });
+
+// addEventListener('click',(e)=>{
+//     console.log(e.clientX,e.clientY);
+// })
+input.addEventListener('keyup',(e)=>{
+    if(e.key === 'x'){
+        console.log(e.key); 
+    }
+
+    });
diff --git a/clase_19/styles.css b/clase_19/styles.css
@@ -0,0 +1,15 @@
+a,
+button{
+    display: block;
+}
+.box {
+    width: 100px;
+    height: 100px;
+    background: red;
+}
+.red {
+    background: red;
+}
+.green {
+    background: green;
+}
