v0.2.6

Zelechos · Zelechos · commit 03e4007d5296 · 2022-02-09T19:04:54.000-04:00
diff --git a/JavaScript/BOM/01_Propiedades_Eventos.js b/JavaScript/BOM/01_Propiedades_Eventos.js
@@ -78,20 +78,7 @@ document.addEventListener('DOMContentLoaded', e =>{
     console.warn(e);
 });
 
-
-
-
-
-
-
-
-
-
-
-
-
 // ----- EJEMPLOS SIMILARES QUE TENEMOS EN JQUERY -----
 // $(window).load(()=>{});
 // $(window).ready(()=>{});
-// $(window).on("load", ()=>{});
-
+// $(window).on("load", ()=>{});
diff --git a/JavaScript/BOM/02_Metodos.js b/JavaScript/BOM/02_Metodos.js
@@ -0,0 +1,43 @@
+'use strict'
+// Metodos del BOM
+// Estos metodos que tenemos el BOM son muy conocidos incluso ya los hemos usado y son los siguientes:
+
+// window.alert("Lanza un alerta en la web");
+// window.confirm("Esto es un Confirm??");
+// window.prompt("Esto si es un Prompt");
+
+// Otros Metodos 
+    // Creamos una variable para crear un referencia a la ventana que estamos abriendo 
+    let mywindow;
+
+    // Aqui delegamos el evento click de los botones
+    // APLICANDO DELEGACION DE EVENTOS
+    document.addEventListener("click", e => {
+        console.log(e.target);
+        
+        if(e.target.matches("#abrir-ventana")){
+            mywindow = window.open("https://github.com/Zelechos/");
+            
+            // Tambien funcion sin el window de la siguiente manera
+            // open("https://github.com/Zelechos/");
+        }
+
+        if(e.target.matches("#cerrar-ventana")){
+            // Esto es para cerrar la ventana del navegador actual 
+            // window.close();
+
+            // y para cerrar la ventana que hemos abierto anteriormente nos traemos la referencia donde esta almacenada
+            mywindow.close();
+
+            // Tambien funcion sin el window de la siguiente manera
+            // close();
+        }
+
+        if(e.target.matches("#imprimir-ventana")){
+            // MUY IMPORTANTEN PUEDES IMPRIMIR ESTA UNA WEB O GUARDARLA EN FORMATE PDF
+            window.print();
+
+            // Tambien funcion sin el window de la siguiente manera
+            // open("https://github.com/Zelechos/");
+        }
+    });
diff --git a/JavaScript/BOM/index.html b/JavaScript/BOM/index.html
@@ -5,11 +5,16 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>BOM</title>
-    <script src="./01_Propiedades_Eventos.js"></script>
+    <script src="./02_Metodos.js"></script>
 </head>
 <body>
     <h1>BOM: Browser Object Model</h1>
     <h3 class="subtitle">Manejo del BOM</h3>
 
+    <button id="abrir-ventana">Abrir Ventana</button>
+    <button id="cerrar-ventana">Cerrar Ventana</button>
+    <button id="imprimir-ventana">Imprimir Ventana</button>
+
+
 </body>
 </html>
