Calculatrice

Langage : JS avec AngularJS

Rendu ton_login.html (un seul fichier) : remi.mikel@epitech.eu

Premier rendu le plus avancé choisit le thème du prochain sujet de colle.

Le niveau est plus facile

Si vous ne réussissez pas l'étape 1 : vous ne validez pas votre colle.

Si vous réussissez toutes les étapes : vous validez 2 colles (au cas où vous en auriez accumulé).

Si vous êtes absent : vous ne validez pas votre colle et en "gagnez" une supplémentaire.

ATTENTION

Ce projet utilise AngularJS mais est très loin d’être un projet AngularJS, nous n’utilisons pas ici l’architecture d’AngularJS. Cette colle vous permet juste de vous familiariser avec la syntaxe AngularJS et certaine pratique que vous allez utiliser pour résoudre ce problème ne sont pas les bonnes pratiques à adopter dans un projet AngularJS.

Etape 1

Ajoutez à votre login_l.html :

<script type="text/javascript" src="http://colles.remikel.fr/angular.min.js"></script> Ensuite vous devez spécifier que vous allez utiliser AngularJS à cette page pour cela ajoutez ng-app à la balise html ouvrante. Copier-coller ce code dans votre body : 2+2 = { {2 + 2} } (sans les espaces entre les accolades) <br/><br/> <input type="number" ng-model="nb1"/> { { nb1 } } (sans les espaces entre les accolades)

Si vous obtenez ce qui suit, vous savez lire, sinon relisez ou documentez-vous.

2+2 = {{2 + 2}}

{{nb2}}

Etape 2

En regardant un peu, vous devriez comprendre comment fonctionne angularJS. A présent utilisez la documentation :
Doc AngularJS
Et coder moi une calculatrice. Avec 2 input capable de prendre des nombres à virgules, permettez-moi de faire l’addition de ces nombres, la soustraction, la multiplication et la division.

Aide :

<html ng-app="app"> <body ng-controller ="calcCtrl">
var app = angular.module('app'); app.controller('dbCtrl', function ($scope) { $scope.n1 = 8; //ex ce que tu veux faire }

Etape 3

Théorème de Pythagore !

Faîtes-moi 2 input number dans lesquels je pourrais inscrire les valeurs de 2 côtés d'un triangle rectangle et me calculer l'hypothénuse.

Etape 4

Ajoutez un favicon !