OA´s Pendientes y accionables

[Yanettr]

• En mi último PF, nuestro Couch, sugirió mejorar el tema de flex, CSS3 para lo que yo me dirigí a la documentación y además estuve practicando con el juego de Flexbox-Froggy sugeridos por el equipo de couchs. 👍

 Flexbox (Flexible Box Layout) es un modelo de diseño en CSS3 que permite diseñar diseños de cajas y alineación de elementos en un contenedor de manera más eficiente y predecible. Con Flexbox, puedes crear diseños responsivos y flexibles sin depender tanto de propiedades como float y position.

• Necesito trabajar más en el Uso de selectores del DOM y Manipulación dinámica del DOM. 💯

> Los selectores del DOM y la manipulación dinámica del DOM son conceptos esenciales en la programación web, ya que te permiten interactuar con los elementos de una página web de manera dinámica y controlar cómo se muestra y se comporta el contenido. 💯 

getElementById: Selecciona un elemento por su ID único.
const element = document.getElementById('elementId');

getElementsByClassName: Selecciona elementos por su clase.
const elements = document.getElementsByClassName('className');

getElementsByTagName: Selecciona elementos por su etiqueta HTML.
const elements = document.getElementsByTagName('tagName');

querySelector: Selecciona el primer elemento que cumple con un selector CSS.
const element = document.querySelector('.selector');

querySelectorAll: Selecciona todos los elementos que cumplen con un selector CSS.
const elements = document.querySelectorAll('.selector');

Cambiar el Contenido: Puedes modificar el contenido de un elemento.
const element = document.getElementById('elementId');
element.textContent = 'Nuevo contenido';

Agregar y Eliminar Elementos: Puedes agregar nuevos elementos o eliminar elementos existentes.
const parent = document.getElementById('parentElement');
const newElement = document.createElement('div');
parent.appendChild(newElement);
const elementToRemove = document.getElementById('elementToRemove');
elementToRemove.remove();

Cambiar Atributos: Puedes cambiar los atributos de los elementos.
const image = document.querySelector('img');
image.src = 'new-image.jpg';

Manejar Eventos: Puedes añadir y quitar eventos a los elementos.
const button = document.getElementById('myButton');
button.addEventListener('click', () => {
//
});

button.removeEventListener('click', functionName);

👍 Fue bueno escuchar  que romper código no es tan malo, que debo mirarlo como una oportunidad de aprendizaje :)!!!