Calculadora Básica

Este proyecto consiste en una calculadora básica interactiva creada utilizando HTML, CSS y JavaScript. La calculadora permite realizar operaciones matemáticas simples y muestra los resultados en tiempo real.

Características

  • Suma, resta, multiplicación y división.
  • Uso de números enteros y decimales.
  • Botón de "C" para limpiar el display.
  • Botón de "=" para obtener el resultado de la operación.

Vista previa

Calculadora Básica

Instalación

No se requiere instalación para utilizar la calculadora. Solo necesitas descargar los archivos index.html, styles.css y script.js y abrir el archivo index.html en tu navegador web.

Uso

  1. Abre el archivo index.html en tu navegador web.
  2. Utiliza los botones numéricos para ingresar los números en el display.
  3. Utiliza los botones de operación para realizar las operaciones matemáticas.
  4. Utiliza el botón de punto decimal para ingresar números decimales.
  5. Utiliza el botón "C" para limpiar el display.
  6. Utiliza el botón "=" para obtener el resultado de la operación.

Detalles de implementación

La calculadora utiliza el DOM (Document Object Model) y eventos de JavaScript para obtener los valores de los botones y mostrar los resultados en el display. El código JavaScript contiene funciones que permiten agregar números, operadores y el punto decimal al display, realizar operaciones matemáticas y limpiar el display. También se utiliza una variable llamada decimalAdded para controlar si ya se ha agregado un punto decimal.

El diseño visual de la calculadora se logra utilizando CSS para establecer los estilos de los elementos HTML, incluyendo colores, sombras y disposición de los botones.

Contribución

Si deseas contribuir a este proyecto, puedes enviar un pull request con tus mejoras o correcciones.

Licencia

Este proyecto está bajo la licencia MIT.

Autor

Este proyecto fue creado por David. Puedes contactarme en aldrove98@gmail.com.

Espero que este proyecto te sea útil y te ayude a entender cómo crear una calculadora básica interactiva utilizando HTML, CSS y JavaScript. ¡Diviértete programando!