Este proyecto fue desarrollado como parte de la certificación del curso Front End Development Libraries en freeCodeCamp. Más sobre el curso ↗
Calculadora digital que simula la funcionalidad de una calculadora estándar. La calculadora incluye todas las funciones básicas, incluyendo adición, sustracción, multiplicación y división.
La interfaz de usuario de la calculadora incluye botones para los números del 0 al 9, los cuatro operadores matemáticos primarios (adición, sustracción, multiplicación y división), un botón para el símbolo decimal, y un botón para igual (=) que calcula la expresión matemática actual.
También incluye un botón de borrar (clear) que permite al usuario borrar tanto la entrada como la salida y reiniciar la calculadora a su estado inicial. Los cálculos y los resultados se muestran en tiempo real en una pantalla digital.
Historias de usuario:
- Contener un elemento clickeable con el símbolo "=" y el atributo "id" como "equals".
- Contener 10 elementos clickeables, cada uno con un número del 0 al 9, con los siguientes ID correspondientes: "zero", "one", "two", "three", "four", "five", "six", "seven", "eight", y "nine".
- Contener 4 elementos clickeables, cada uno con uno de los 4 operadores matemáticos principales, con los siguientes ID correspondientes: "add", "subtract", "multiply", "divide".
- Contener un elemento clickeable con el símbolo "." (punto decimal) y el atributo "id" como "decimal".
- Contener un elemento clickeable con el atributo "id" como "clear".
- Contener un elemento para mostrar valores con el atributo "id" como "display".
- Al presionar el botón "clear", borrar los valores de entrada y salida, y mostrar "0" en el elemento con el atributo "id" como "display".
- Visualizar la entrada de números en el elemento con el atributo "id" como "display".
- Realizar operaciones de suma, resta, multiplicación y división en una cadena de números de cualquier longitud, y al presionar "=", mostrar el resultado correcto en el elemento con el atributo "id" como "display".
- No permitir que un número comience con varios ceros al ingresarlo en la calculadora.
- Al hacer clic en el elemento decimal, agregar un "." al valor que se muestra actualmente; no permitir dos puntos decimales en un número.
- Realizar cualquier operación (+, -, *, /) en números que contienen puntos decimales.
- Si se ingresan 2 o más operadores de manera consecutiva, la operación realizada debe ser el último operador ingresado (excluyendo el signo negativo "-"). Por ejemplo, si se ingresa "5 + * 7 =", el resultado debe ser 35 (es decir, 5 * 7); si se ingresa "5 * - 5 =", el resultado debe ser -25 (es decir, 5 * (-5)).
- Al presionar un operador inmediatamente después de "=", iniciar un nuevo cálculo que opere sobre el resultado de la evaluación anterior.
- Tener varios lugares decimales de precisión al realizar cálculos y redondear (aproximadamente al menos 4 decimales) para operaciones como 2 / 7.