Calculadora funcional con operaciones básicas, inspirada visualmente en la app de iPhone. Proyecto #1 de mi serie de práctica en JavaScript vanilla, previa a mi transición a React.
- Operaciones básicas: suma, resta, multiplicación y división
- Operaciones encadenadas (ej.
5 + 3 - 2 =sin necesidad de presionar=entre cada paso) - Soporte para decimales, con validación para evitar múltiples puntos
- Cambio de signo (
+/-) - Botón de limpiar (
C) - Diseño responsive con CSS Grid
- Event delegation: un solo listener en el contenedor de botones, usando
event.target.closest()para identificar el botón clickeado - Manipulación del DOM: lectura y escritura de
textContenten tiempo real - Manejo de estado: variables globales (
previousValue,currentOperator) para persistir datos entre eventos de clic - Conversión de tipos:
Number()para operar sobre valores leídos como texto - Estructuras de control:
switchpara seleccionar la operación matemática según el operador
HTML, CSS y JavaScript puro (sin frameworks ni librerías).