Prueba técnica Introducción lenguajes de internet.

Instrucciones generales

• El proyecto debe ser desarrollado utilizando HTML , CSS y JavaScript puro.
• Debes estructurar tu código de manera limpia y organizada.
• Al finalizar, sube tu proyecto a GitHub comparte el enlace.

Ejercicio 1: Creación de una página de perfil personal.

Descripción:

Desarrolla una página web que muestre tu perfil personal con la siguiente información:

Sección de encabezado :

• Título principal con tu nombre.
• Una imagen de perfil (puedes usar cualquier imagen de internet o una ficticia).
• Sección de información personal :
• Muestra tu edad, ciudad de residencia y una breve descripción sobre ti y tu experiencia laboral.
• Usa una lista no ordenada para mostrar tus hobbies, habilidades o intereses.

Estilos con CSS :

• Aplica estilos para que la página sea visualmente atractiva.
• Usa colores, fuentes y espaciado adecuados.
• Centra el contenido horizontalmente en la pantalla.

Botón "Cambiar tema" :

• Agrega un botón que, al hacer clic, cambie el color de fondo de la página entre claro y oscuro usando JavaScript .

Requisitos técnicos:

• Usa HTML para estructurar el contenido.
• Usa CSS para estilizar la página.
• Usa JavaScript para implementar la funcionalidad del botón "Cambiar tema".

Ejercicio 2: Calculadora básica

Descripción:

Crea una calculadora básica que permita realizar operaciones matemáticas simples (suma, resta, multiplicación y división). La calculadora debe tener las siguientes características:

Interfaz de usuario :

• Dos campos de entrada para ingresar números.
• Cuatro botones para seleccionar la operación (+, -, *, /).
• Un área para mostrar el resultado.

Funcionalidad :

• Al hacer clic en un botón de operación, se debe calcular el resultado y mostrarlo en la pantalla.
• Si el usuario intenta dividir entre cero, muestra un mensaje de error.

Estilos con CSS :

• Diseña la calculadora para que tenga un aspecto limpio y profesional.
• Usa colores y bordes para resaltar los botones.

Requisitos técnicos:

• Usa HTML para estructurar la interfaz.
• Usa CSS para estilizar la calculadora.
• Usa JavaScript para implementar la lógica de cálculo.