Site Ville de France

photo site ville
Voir le site

Objectif:
Cette calculatrice avait pour but de me concentrer sur Javascript. De comprendre les variables, les boucles, les opérations et les détecteurs de click.

Technologies utilisés:

  • Javascript

  • CSS


J'ai réaliser une calculatrice avec JavaScript. Cette calculatrice reprend les fonctionnalités principales de calcul. Mais j'ai décidé de rajouter un système d'historique des calculs qui s'affiche au-dessus du champ de saisie courant. Pour cela, j'ai utilisé une variable dans laquelle j'enregistre le calcul avec son résultat, qui, quand l'utilisateur tape un autre calcul, s'affiche dans la div supérieure avec un innerText. D'un point de vue graphique, j'ai décidé de me baser sur le style graphique de la calculatrice d'Apple. J'ai donc recherché les couleurs utilisées, la police d'écriture et observé les contours pour mettre les bons arrondis ou bien des effets de clic et de survol.