Proyecto JS: calculadora
Calculadora sencilla
En este proyecto nos planteamos crear una calculadora simple mediante javascript que sea capaz de realizar operaciones elementales y pueda ser incorpodada a cualquier página web.
La calculadora deberá
- Tener un aspecto de calculadora con teclas y un visor
- Las teclas simularán la acción de ser presionadas al puslarlas con el ratón.
- El diseño será responsive.
- Podrá operar con decimales
- Las teclas a usar serán
- operaciones elementales (suma, resta, producto, cociente)
- punto decimal
- cambio de signo
- borrado
- enter
Debe ser capaz de encadenar operaciones: si tras ejecutar un cálculo se introduce una tecla de operacion, el resultado en ese momento será el primer operando y el siguiente número se usará como segundo operando.
La tecla de cambio de signo cambirá el signo del contendio del visor.
La tecla borrado elmina el contenido del visor y deja la calculadora en la etapa inicial.
La tecla enter realizará la última operación pedida y dejará el resultado como primer operando para la siguiente operación
El visor mostrará cada número introducido y los resultados de realizar las operaciones.
Si se produce un ERROR este mensaje aparecerá en el visor.
Ejemplo de secuencias de pulsaciones y resultados esperados:
tecla 5 visor: 5
tecla + visor: 5
tecla 4 visor: 4
tecla * visor : 9
tecla 2 visor: 2
tecla enter, visor: 18
tecla +, visor: 18
tecla 3 visor: 3
tecla * visor 21
El proyecto se desarrollará con HTML, CSS y Javascript sin librerías y utilizando solo los los objetos predefinidos incorporados en Javascript y el navegador.
Comentarios
Diseño de páginas web
Estilos CSS
Estructuras de control en Javascript
Expresiones regulares en Javascript