Base formation angular+amélioration layout formations JS
This commit is contained in:
29
javascript/angular/exercices/basic-app/index.html
Normal file
29
javascript/angular/exercices/basic-app/index.html
Normal file
@ -0,0 +1,29 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf8">
|
||||
<title>Calculateur de diamètre et périmètre d'un cercle</title>
|
||||
</head>
|
||||
<!-- Déclaration de l'application -->
|
||||
<body ng-app ng-init="radius=1.0; pi=3.14">
|
||||
|
||||
<h1>Calculateur de diamètre et périmètre d'un cercle</h1>
|
||||
|
||||
<label>Approximation de π:</label>
|
||||
<input ng-model="pi" type="number" step="0.01" />
|
||||
|
||||
<br />
|
||||
|
||||
<!-- Champ de récupération du rayon -->
|
||||
<label>Rayon de votre cercle:</label>
|
||||
<input ng-model="radius" type="number" step="0.1" />
|
||||
<hr />
|
||||
|
||||
<!-- Affichage des valeurs calculées -->
|
||||
<b>Diamètre: </b><span>{{ 2 * radius }}</span><br />
|
||||
<b>Périmètre: </b><span>{{ 2 * radius * pi }}</span><br />
|
||||
|
||||
<!-- Import de du framework Angular -->
|
||||
<script src="../node_modules/angular/angular.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user