Comment trouver l'aire, le diamètre ou la circonférence d'un cercle avec javascript ?

 

par meltech |

     
Comment trouver l'aire, le diamètre ou la circonférence d'un cercle avec javascript ?

Un cercle, c'est un figure géométrique qui sert à plusieurs choses. Pour trouver les informations le concernant, il y a différentes formules mathématiques à connaître. Dans le programme de cet article chaque formule est programmée de telle sorte que si vous entrez l'une des données concernant le cercle (diamètre, circonférence ou surface) vous aurez le résultat des 2 autres. Voici comment faire.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Logiciel bloc notes

Étapes de réalisation

1.

Premièrement ouvrez votre site Internet avec le logiciel "bloc notes" pour obtenir le code source du site Internet. Ainsi avec le programme il est plus facile de le modifier en cherchant pour commencer la balise <body>.

2.

Maintenant mettez le script suivant dans la balise <body> :
<script type="text/javascript">
function circle(form,changed) {
with (Math) {
var area = form.area.value;
var diameter = form.diameter.value;
var circumfrence = form.circumfrence.value;
if (changed == "area") {
var radius = sqrt(area / PI);
diameter = 2 * radius;
circumfrence = PI * diameter;
}
if (changed == "diameter") {
area = PI * (diameter / 2) * (diameter / 2);
circumfrence = PI * diameter;
}
if (changed == "circumfrence") {
diameter = circumfrence / PI;
area = PI * (diameter / 2) * (diameter / 2);
}
form.area.value = area;
form.diameter.value = diameter;
form.circumfrence.value = circumfrence;
}
}
var toDegrees = 360 / (Math.PI * 2);
var toRadians = (Math.PI * 2) / 360;
//------------->
</SCRIPT>
<FORM METHOD=POST>
<table border="5"><tr>
<td><B><center>Aire:</td><td><center><INPUT TYPE="text" NAME="area" VALUE=0 onChange="circle(this.form,this.name);"></td>
</tr><tr>
<td><center><B>Diametre:</td><td><center><INPUT TYPE="text" NAME="diameter" VALUE=0 onChange="circle(this.form,this.name);"></td>
</tr><tr>
<td><center><B>Circonference:</td><td><center><INPUT TYPE="text" NAME="circumfrence" VALUE=0 onChange="circle(this.form,this.name);"></td>
</tr><tr>
<td><center></td><td><center><input type="button" value="Calculer"><INPUT TYPE="RESET" VALUE="Effacer"></td>
</tr></table>
</FORM>.

3.

Pour terminer enregistrez le tout avec "bloc notes" et ouvrez avec IE. Il y a un tableau où vous avez le choix d'entrer l'une ou l'autre des informations sur le cercle. Dès que vous calculez avec l'une des données (circonférence, diamètre, ou surface) les 2 autres données du cercle s'affichent. Magique non ? C'est ça le javascript.

Commentaires

Soyez le premier à commenter ! 

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on