30 lines
797 B
HTML
30 lines
797 B
HTML
|
<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>
|