"Activa Tu Web"

  Ejemplos de aplicación de funcionalidades con javascript a un botón.   1. Mostrar una alerta Cuando un usuario hace clic en un botón, se puede mostrar un mensaje o alerta emergente. <button id="alertButton">Mostrar Alerta</button> <script> document.getElementById("alertButton").addEventListener("click", function() { alert("Has hecho clic en el botón!"); }); </script> 2. Cambiar el texto del botón Puedes cambiar el texto del botón cuando se hace clic en él. <button id="textButton">Cambiar texto</button> <script>   document.getElementById("textButton").addEventListener("click", function() {     this.textContent = "Texto Cambiado!";   }); </script> 3. Ocultar o mostrar un elemento Usar un botón para ocultar o mostrar un elemento en la página. <button id="toggleButton">Mostrar/Ocultar Texto</button>

Ingresar al siguiente enlace:  https://drive.google.com/drive/folders/1e89JJy5MxoIECBQbLVINnQLt-6gGqj7A?usp=drive_link

Realiza los siguientes ejercicios de javascript

  Grid Header Menu CSS Grid es un sistema de maquetación web que divide una página en una cuadrícula o rejilla (grid) para posicionar los elementos de manera más sencilla, versátil y coherente. CSS Grid Layout es un recurso CSS que permite distribuir un sitio web en una cuadrícula, dando al usuario el control total sobre la posición de los elementos en las filas y columnas. <style> .grid-container { display: grid; grid-template-columns: 200px 1fr 200px; grid-template-rows: 80px 1fr 50px; grid-template-areas: "header header header"

 Métodos de Incorporación de Tipografías        Google Fonts:  https://fonts.google.com/

CSS Flexbox CSS Flexbox es un modelo de diseño de cajas (box) que se utiliza en CSS para organizar elementos en un contenedor. Flexbox permite a los desarrolladores crear diseños flexibles y adaptables para sus sitios web sin tener que depender de hacks o trucos de diseño. Flexbox utiliza un contenedor y elementos flexibles dentro del mismo, para organizar y distribuir el espacio disponible entre ellos. Los elementos dentro del contenedor se pueden ordenar, ajustar, expandir y contraer para adaptarse a diferentes tamaños de pantalla y diseños. Algunas de las cosas que se pueden hacer con CSS Flexbox incluyen: Alinear elementos horizontal y verticalmente Distribuir elementos en una fila o columna Expandir o contraer elementos para ajustar su tamaño en función del espacio disponible Reorganizar el orden de los elementos sin tener que cambiar el código HTML Ajustar el tamaño de los elementos de acuerdo a su contenido, sin necesidad de establecer un ancho o alto fijo Crear diseños complejo