https://github.com/valeriatorrealba/javascript-en-practica

Desafío Evaluado- JavaScript en práctica - Módulo 3 Fundamentos de la programación en JavaScript - Full Stack JavaScript - Desafío Latam
https://github.com/valeriatorrealba/javascript-en-practica

boostrap5 css3 html5 javascript

Last synced: 1 day ago
JSON representation

Desafío Evaluado- JavaScript en práctica - Módulo 3 Fundamentos de la programación en JavaScript - Full Stack JavaScript - Desafío Latam

• Host: GitHub
• URL: https://github.com/valeriatorrealba/javascript-en-practica
• Owner: valeriatorrealba
• Created: 2024-02-16T16:04:21.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-07-30T15:15:37.000Z (4 months ago)
• Last Synced: 2024-07-31T17:30:58.676Z (4 months ago)
• Topics: boostrap5, css3, html5, javascript
• Language: HTML
• Homepage: https://valeriatorrealba.github.io/JavaScript-en-practica/
• Size: 166 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Desafío Evaluado - JavaScript en Práctica

## Descripción

Este desafío consta de tres ejercicios prácticos diseñados para poner a prueba tus habilidades en JavaScript. Cada ejercicio está orientado a aplicar diferentes conceptos y técnicas del lenguaje.

## Instrucciones

1. Abre el archivo `index.html` en un navegador.

2. Utiliza los botones para acceder a cada uno de los ejercicios.

3. Revisa el código y las capturas de pantalla para entender la funcionalidad implementada.

## Ejercicios

### Ejercicio 1: Validación de Formulario

Desarrolla un código para validar un formulario de contacto utilizando el evento `submit` y expresiones regulares. El formulario debe permitir solo caracteres alfabéticos (de la “A” a la “Z” y de la “a” a la “z”) mediante el método `test()` de JavaScript. Debes mostrar un mensaje de error si los datos ingresados no cumplen con este criterio o un mensaje de éxito si el formulario se envía correctamente.

- **Captura de Pantalla**:

    ![ejercicio1](assets/screenshot/ejercicio1.png)

  

    ![ejercicio1](assets/screenshot/ejercicio1.1.png)

  

    ![ejercicio1](assets/screenshot/ejercicio1.2.png)

### Ejercicio 2: Selector de Colores

Implementa un selector de colores que permita cambiar el color de un cuadro principal al hacer clic sobre uno de los colores disponibles.

- **Captura de Pantalla**:

    ![ejercicio2](assets/screenshot/ejercicio2.png)

### Ejercicio 3: Calculadora Básica

Desarrolla una calculadora con funcionalidad para sumar y restar. El resultado debe mostrarse en un elemento con la clase `resultado`. Si el resultado de la resta es un número negativo, debes mostrar un `0`.

- **Captura de Pantalla**:

    ![ejercicio3](assets/screenshot/ejercicio3.png)

## Autor

Este proyecto fue desarrollado por **Valeria Torrealba**.