Skip to content

Latest commit

 

History

History
27 lines (22 loc) · 2.38 KB

README.md

File metadata and controls

27 lines (22 loc) · 2.38 KB
Raw

Cotizador de Seguros

🚗 Cotizador de Seguros - Aplicación web para cotizar seguros de autos. Permite a los usuarios seleccionar el año de su vehículo, la marca (asiático, americano o europeo) y el tipo de seguro (básico o completo) para obtener una cotización. Desarrollada con JavaScript vanilla, HTML y CSS, como parte del curso del profesor Juan Pablo de la Torre Valdez en Udemy. Enlace al curso.

Características Principales

  • Selección de Marca: Los usuarios pueden elegir entre vehículos americanos, asiáticos y europeos.
  • Año del Vehículo: Permite seleccionar el año del automóvil en un rango de los últimos 20 años.
  • Tipo de Seguro: Opción para seleccionar entre seguro básico o completo.
  • Cálculo de Cotización: Calcula el costo del seguro en función de la marca, el año y el tipo de seguro seleccionado.
  • Mensajes de Validación: Muestra mensajes de error si algún campo obligatorio no está completo y un mensaje de cotización en proceso.
  • Resultados: Presenta el resultado de la cotización con detalles de la marca, año y tipo de seguro junto con el costo total.

Tecnologías Utilizadas

  • JavaScript: Lenguaje principal para la implementación de la lógica del cotizador, incluyendo la validación de entradas y el cálculo del costo del seguro.
  • HTML y CSS: Estructura básica y estilos proporcionados por el curso, con algunos ajustes para la presentación del formulario y los resultados.

Instrucciones de Uso

  1. Seleccionar Marca: Elige la marca de tu vehículo (Americano, Asiático, Europeo).
  2. Seleccionar Año: Escoge el año de tu vehículo en el menú desplegable.
  3. Seleccionar Tipo de Seguro: Selecciona entre seguro básico o completo.
  4. Cotizar: Haz clic en el botón "Cotizar Seguro" para obtener el costo estimado del seguro.
  5. Ver Resultado: El costo del seguro se mostrará con un resumen de los detalles seleccionados.

Lo que Aprendí

  • Manejo de Prototipos en JavaScript: Crear y extender funciones prototipo para cálculos específicos.
  • Manipulación del DOM: Crear y manejar elementos HTML dinámicamente para presentar resultados y mensajes.
  • Validación y Manejo de Eventos: Implementar validaciones y manejar eventos de usuario como clics y envíos de formularios.