Proyecto de Control de Televisión Interactivo 📺

Este proyecto es una simulación interactiva de un control remoto de televisión utilizando HTML, CSS y JavaScript. Permite a los usuarios encender/apagar la televisión, ajustar el volumen y cambiar de canal.

Estructura del Proyecto👩‍💻

• index.html: Archivo principal HTML que contiene la estructura del proyecto.
• css/style.css: Archivo CSS que contiene los estilos para el proyecto.
• js/main.js: Archivo JavaScript que contiene la lógica del control remoto.

Descripción de Archivos 🧠

index.html

Archivo principal HTML que contiene la estructura del proyecto.

style.css

Este archivo contiene los estilos CSS para el proyecto, incluyendo:

• Estilos para el contenedor principal, la televisión y el control remoto.
• Estilos para los botones de control y los botones de canales.
• Estilos específicos para cada canal, utilizando imágenes de fondo.

main.js

Este archivo contiene la lógica JavaScript para el proyecto, que incluye:

• Función para mostrar la hora actual en la pantalla de la televisión.
• Eventos de clic para los botones de encendido/apagado y los botones de canales.
• Lógica para cambiar el canal mostrado en la televisión cuando se hace clic en un botón de canal.

Instalación y Uso 🚀

1. Clona este repositorio en tu máquina local.

   git clone https://github.com/tu_usuario/proyecto-control-tv.git

2. Navega hasta el directorio del proyecto.

   cd proyecto-control-tv

3. Abre el archivo index.html en tu navegador web.

Funcionalidades ✏️

• Encendido/Apagado: Hacer clic en el botón ON/OFF para encender o apagar la televisión.
• Mostrar Hora: La televisión muestra la hora actual cuando está encendida.
• Cambio de Canal: Hacer clic en los botones numerados para cambiar el canal de la televisión. Cada canal tiene una imagen de fondo diferente.

cambios a futuro 💾

1. el boton de volumen sirva.
2. añadir mas canales y funciones como los ajustes de un tv normal.

autor 👯

Tatiana ortiz