Clase de Octavo

 JS: const carrito = document . getElementById ( 'carrito' ); const elementos1 = document . getElementById ( 'lista-1' ); const lista = document . querySelector ( '#lista-carrito tbody' ); const vaciarCarritoBtn = document . getElementById ( 'vaciar-carrito' ); let carritoArticulo = []; //Esto es para que se abra la ventana modal const modalOverlay = document . getElementById ( 'modal-overlay' ); //Esto es para que se cierre la ventana modal const modalCloseBtn = document . getElementById ( 'modal-content' ); cargarEventListeners (); function cargarEventListeners () {     elementos1 . addEventListener ( "click" , comprarElemento );     carrito . addEventListener ( "click" , eliminarElemento );     vaciarCarritoBtn . addEventListener ( "click" , vaciarCarrito );     //Agregar el funcionamiento de la información de los productos     documento . body . addEventListener ( 'click' , mostrarI...

  https://drive.google.com/drive/folders/1fFcn8d5Us00QlZSntXU8AL5EF9erCHPt?usp=sharing https://saamueldmg.github.io/profe-samuel/ https://tailwindcss.com/docs/colors import MainHeader from '@/assets/components/header/MainHeader' ; const App = () => {   return (     <>       < MainHeader />     </>   ) }; export default App ;

  # Crea un programa en Python que permita registrar los gastos personales # El usuario debe ingresar cuántos gastos desea registrar y luego, # para cada gasto, escribir: # El nombre del gasto (por ejemplo: “Transporte”, “Comida”, “Internet”). # El número de veces que realizó ese gasto durante la semana. # El costo unitario de ese gasto. # El programa debe guardar esta información en una lista de tuplas y, al final, # mostrar un resumen en formato de tabla con: # El nombre del gasto # La cantidad de veces que se realizó # El costo unitario # El total por cada gasto (cantidad × costo) # Además, al final, debe mostrar el total general gastado en la semana. # Ingrese el número total de gastos: 3 # Ingrese el nombre del gasto 1: Transporte # Ingrese cuántas veces se realizó el gasto Transporte: 10 # Ingrese el costo unitario del gasto Transporte: 2500 # Ingrese el nombre del gasto 2: Comida # Ingrese cuántas veces se realizó el gasto Comida: 5 # Ingrese el costo unitario del gasto Comi...

MAINHEADER: import AvatarImage from '@/assets/images/image-avatar.png' ; import MenuIcon from '@/assets/components/icons/MenuIcon' ; import CartIcon from '@/assets/components/icons/CartIcon' ; import CloseIcon from '@/assets/components/icons/CloseIcon' ; import { useState } from 'react' ; import NavLinkHeader from '@/assets/components/header/NavLinkHeader' ; const MainHeader = () => {     const COMPANY_NAME = "Shoreline" ;     const [ navClass , setNavClass ] = useState ( "hidden font-bold md:mr-auto md:gap-4 md:flex-row top-0 left-0 p-8 md:static md:p-8 md:h-auto" )     const handleOpenMenu = () => {         setnavClass ( "absolute w-4/5 font-bold flex flex-col md:mr-auto md:gap-4 md:flex md:flex-row top-0 left-0 bg-white h-full p-8 gap-y-[21px] md:static md:p-0 md:h-auto" );     };     const handleClosedMenu = () => {         setnavClass ( "hidden font-bold ...

https://drive.google.com/drive/folders/1fFcn8d5Us00QlZSntXU8AL5EF9erCHPt?usp=sharing https://saamueldmg.github.io/profe-samuel/ https://tailwindcss.com/docs/colors