Seleccion de elemento Update

Author: brian-emarquez

023 Eventos raton Teclado/JavaScript.js

@@ -25,11 +25,25 @@
 
 const button = document.getElementById('button')
 const box = document.getElementById('box')
+const input = document.getElementById('input')
+
 box.addEventListener('mouseenter', ()=>{
     box.classList.replace('red', 'green')
 })
  box.addEventListener('mouseleave', ()=>{
      box.classList.replace('green', 'red')
+ })
+
+ box.addEventListener('mousedown', () =>{
+    console.log('has pulsado en la caja');
+ })
 
+ box.addEventListener('mouseup', () =>{
+     console.log('HAS SOLTADO EL BOTON IZQUIERDO EN LA CAZA');
  })
 
+ input.addEventListener('keydown', ()=>{
+     console.log("Has puldado una tecla")
+ })
+
+

023 Eventos raton Teclado/index.html

@@ -11,6 +11,7 @@
 <!--    <a href="https://developer.mozilla.org/en-US/docs/web/events"> Google de eventos(ingles)</a>-->
 
     <div id="box" class="box red"></div>
+    <input id="input" type="text">
     <button id="button"> Click me! </button>
     <script src="JavaScript.js"></script>
 </body>