<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>