P1-CalcApp-interface

Repo de la Practica 1 - CalcApp de interfaces

Se han realizado todos los puntos marcados tanto de DIW como de DWEC. Todas las funciones se han comentado con JSDOC.

DWIC:

Se ha utilizado Grid para el diseño de la arquitectura general, según el sketch versión Desktop y el sketch versión Mobile propuestos.
Se ha utilizado Flexbox para la botonera de la calculadora.
Se han utilizado Google Fonts y FontAwesome.
Se ha utilizado validadores de HTML5 y CSS:
- W3C Validation - VC extensión.
- CSS Lint

DWEC: Se han configurado todas las funcionalidades indicadas en la práctica:

Calculadora Standard:
- Operativa básica: historial de operación, cálculos con el método eval(), etc
- Teclas para borrar: C, CE, BACKSPACE
- Teclas último operando: Cambio de signo +/- y x2.
- Casos especiales: Zero inicial, Reset, coma en los decimales.
- Control de errores de cálculos y sintáxis con try/catch.
Calculadora de fechas:
- Se ha utilizado Data picker para desarrollar la calculadora de fechas.
- En los inputs, aparece la fecha en dos formatos: DD/MM/AAAA y enf ormato escrito, por ejemplo: 16 de Octubre del 2020.
- Se controla que la primera fecha no sea superior a la segunda mediante try/catch.

🖋️ Google fonts utilizadas:

Open Sans Condensed para cualquier texto que no sea un título. Krona One para títulos.

Se ha optimizado la función cambioSigno_old(). Debido a esta optimización, la función buscarNumero() ha quedado obsoleta y se ha etiquetado como @deprecated.
Se ha añadido un ancla por si hay muchas operaciones y crea un scroll.
Se ha creado un menu responsive, exclusivo para móviles con una resolución inferior a 700px. Me he basado en el siguiente tutorial.
Se controla que en un mismo número el usuario no pueda poner dos decimales.
Se ha utilizado el snipet en el HTML sobre aquellas lineas que no se deberían formatear con Prettier.
Para la calculadora de fechas, se ha traducido el calendario de DatePicker a español.
En la función addsymbol() se controla que si el último valor es un operador ("*" o "/") y a continuación se escribe otro, se sustituye el anterior introducido para no provocar una excepción.
Se ha añadido la opción de poder mostrar u ocultar le historial de operaciones, mediante un addEventListener. Se han utilizado iconos de fontAwesome.
Se ha añadido la opción de vaciar los inputs de fechas, mediante un icono "papelera".
Se ha incorporado un nuevo botón para calcular porcentajes.
Se ha marcado como @deprecated la función esInfinito(num) porqué despues de refactorizar el código, se ha descartado y ya no se utiliza, en js existe la función isFinite(), que hace la misma operación.

Mejorar funcionamiento de calcular porcentajes. Actualmente calcula el porcentaje sobre el total de todos los números de la izquierda, quiero que lo calcule únicamente para el primer numero de la izquierda y luego se realice el resto de la operación.

Mª Victoria Peñas Miró