Valeur de cette activité : 5 points
Compétence :
12- Javascript : Objet Math

A-Module 04 : JAVASCRIPT : 5 points - difficulté : 2

L'objet Math

Présentation

L'OBJET Math du langage Javascript permet de manipuler des nombres. Voici les méthodes et propriétés de l'objet Math :
PropriétéDescription
eRetourne la valeur d'Euler (logarithme)
ln10Retourne la valeur du logarithme 10 (soit 2.302)
ln2Retourne la valeur du logarithme 2 (soit 0.693)
log10eERetourne la valeur de la base 10 du logarithme (soit 0.434)
log2eRetourne la valeur de la base 2 du logarithme (soit 1.442)
PIRetourne la valeur de pi (soit 3.1415)
sqrt1_2Retourne la valeur de la racine carrée de 0.5 (soit 0.707)
sqrt2Retourne la valeur de la racine carrée de 2 (soit 1.414)


4. Les principales méthodes de l'objet math
Exemple d'utilisation : math.méthode(nb) (ici nb est égal à un nombre quelconque)

MéthodeDescription
abs(nb)Retourne la valeur absolue de nb
acos(nb)Retourne la valeur de l'arc cosinus en radians de nb
asin(nb)Retourne la valeur de l'arc sinus en radians de nb
atan(nb)Retourne la valeur de l'arc tangente en radians de nb
atan2(nb)Retourne la valeur de l'angle de nb des coordonnées polaires correspondant aux coordonnées cartesiennes
ceil(nb)Retourne le plus petit entier plus grand ou égal de nb
cos(nb)Retourne le cosinus de nb
exp(nb)Retourne exponentiel nb
floor(nb)Retourne le plus grand entier plus petit ou égal à nb
log(nb)Retourne le logarithme de nb
max(nb,nb2)Retourne le plus grand de deux nombres (ici nb ou nb2)
mix(nb,nb2)Retourne le plus petit de deux nombres (ici nb ou nb2)
pow(nb,exposant)Retourne nb exposant (où nb est la base de la puissance)
random()Retourne alétoirement un nombre entre 0 et 1
round(nb)Retourne l'arrondi de nb
sin(nb)Retourne le sinus de nb
sqrt(nb)Retourne la racine carré de nb
tan(nb)Retourne la tangente de nb


Description


  1. Ajoutez une page à votre portfolio en affichant les assitants HTML, Formulaire et JAVASCRIPT ainsi que la directive 9145
  2. Inscrivez dans le champ titre : Javascript : Objet Math
  3. Sélectionnez la matière : informatique
  4. Inscrivez dans le champ No de la directive : 9145
  5. Inscrivez dans votre page le titre de niveau 1 : Javascript : Objet Math
  6. MÉTHODE round() :

    1. Insère le code d'un formulaire nommée f
    2. Dans ce formulaire, insère un champ de type texte nommé "lenb" utilisant l'étiquette : "Inscrivez un nombre décimal s.v.p."
    3. Ajoute à ce formulaire un champ de type texte nommé "rep" utilisant l'étiquette "Réponse : "
    4. Ajoute à ce formulaire un bouton ayant la valeur "ARRONDIR" qui lancera la MÉTHODE Javascript round() qui placera dans le champ rep la valeur arrondie du champ lenb.

      Tu devrais obtenir la ligne de code suivante :
      <input type=button value=Arrondir Onclick=Javascript:document.f.rep.value=Math.round(document.f.lenb.value)>

  7. MÉTHODE sqrt() : La racine carré

    1. Insère le code d'un formulaire nommée ff
    2. Dans ce formulaire, insère un champ de type texte nommé "lenb" utilisant l'étiquette : "Inscrivez un nombre s.v.p."
    3. Ajoute à ce formulaire un champ de type texte nommé "rep" utilisant l'étiquette "Réponse : "
    4. Ajoute à ce formulaire un bouton ayant la valeur "Racine carré" qui lancera la MÉTHODE Javascript sqrt() qui placera dans le champ rep la valeur de la racine carré du champ lenb.

      Tu devrais obtenir la ligne de code suivante : <input type=button value="Racine Carré" Onclick=Javascript:document.ff.rep.value=Math.sqrt(document.ff.lenb.value)>

  8. MÉTHODE de notation exponentielle pow(a,b) :

    1. Insère le code d'un formulaire nommée fff
    2. Dans ce formulaire, insère un champ de type texte nommé "nba" utilisant l'étiquette : "Inscrivez la base."
    3. Dans ce formulaire, insère un champ de type texte nommé "nbb" utilisant l'étiquette : "L'exposant."
    4. Ajoute à ce formulaire un champ de type texte nommé "rep" utilisant l'étiquette "Réponse : "
    5. Ajoute à ce formulaire un bouton ayant la valeur "Notation exponentielle : " qui lancera la MÉTHODE Javascript pow(a,b) qui placera dans le champ rep la valeur de l'expression exponentielle nbanbb.

      Tu devrais obtenir la ligne de code suivante : <input type=button value="Notation exponentielle" Onclick=Javascript:document.fff.rep.value=Math.pow(document.fff.nba.value,document.fff.nbb.value)>

  9. MÉTHODE de nombre aléatoire random() :
    Vous allez ici créer une fonction qui affichera un nombre aléatoire entier compris entre 1 et 100

    1. Insère le code d'un formulaire nommée ffff
    2. Ajoute à ce formulaire un champ de type texte nommé "rep" utilisant l'étiquette "Réponse : "
    3. Ajoute à ce formulaire un bouton ayant la valeur "Nombre aléatoire: " qui utilisera les MÉTHODES Javascript random() et round() qui placera dans le champ rep la valeur aléatoire comprise entre 1 et 100.

      Pistes :

      Vous savez maintenant que : Math.random() donne un chiffre aléatoire

      Exemple : Math.random() pourrait donner : 0.657290478453

      Mais ce chiffre est plus petit que 1.
      Il faut donc le multiplier par 100 afin d'obtenir un nombre entre 1 et 100.

      Exemple : Math.random()*100 pourrait donner : 65.7290478453

      Mais ce chiffre n'est pas entier.
      Il faut donc utiliser la méthode arrondir round():

      Exemple : Math.round(Math.random()*100) pourrait donner : 66

      Tu devrais obtenir la ligne de code suivante : <input type=button value="Nombre aléatoire" Onclick=Javascript:document.ffff.rep.value=Math.round(Math.random()*100)>

      Et voilà! Vive les mathématiques!

      À vous de jouer maintenant.

  10. En utilisant les connaissances acquises dans cette activité, ajoute maintenant un autre formulaire qui utilisera l'objet Math du langage javascript et une méthode de ton choix (parmi les méthodes indiquées au début de cette page).

  11. Visualisez votre page et apportez des modifications au besoin.