Calculadora básica

Características:
  • Interfaz amigable: Diseño limpio y sencillo para una experiencia de usuario intuitiva.

  • Operaciones aritméticas básicas: Soporta suma, resta, multiplicación y división.

  • Botón de borrado: Permite limpiar la pantalla y comenzar un nuevo cálculo.

  • Diseño adaptable: Se ajusta a diferentes tamaños de pantalla para una visualización óptima.

Tecnologías utilizadas:
  • HTML: Estructura el contenido de la calculadora, incluyendo los campos de entrada, botones y el diseño general.

  • CSS: Estiliza la apariencia de la calculadora, definiendo colores, fuentes y espaciado.

  • JavaScript: Maneja la interacción del usuario, realiza los cálculos y actualiza la pantalla.

Funcionamiento:
  • Entrada de datos: El usuario ingresa números y operadores utilizando los botones de la calculadora.

  • Procesamiento: Al hacer clic en el botón "=", se ejecuta la función calculate() que evalúa la expresión matemática ingresada.

  • Mostrar resultado: El resultado de la operación se muestra en la pantalla de la calculadora.

  • Borrado: La función cleanScreen() permite limpiar la pantalla para iniciar un nuevo cálculo.

Aprendizajes clave:

  • Manipulación del DOM: Aprendí a seleccionar y modificar elementos HTML utilizando JavaScript para crear una interfaz dinámica.

  • Manejo de eventos: Implementé escuchadores de eventos para los botones, permitiendo a la calculadora responder a las acciones del usuario.

  • Lógica de programación básica: Desarrollé la lógica necesaria para realizar las operaciones aritméticas y actualizar la pantalla con los resultados.

  • Estilos CSS: Apliqué estilos CSS para crear una interfaz visualmente atractiva y coherente.