Créez votre site avec honolulu...
Apprendre le html
Cours de javascript
Apprendre les CSS

Les conditions en Javascript  









Les structures conditionnelles ? Il s'agit tout simplement de déclarer des conditions avant de lancer une fonction...
Par exemple, le bouton qui suit va afficher "Comment allez-vous ?" si vous écrivez "bonjour" dans le champ prévu à cet effet :

Dites "bonjour" à l'ordinateur :





Le script (placé dans le <head> de la page) est le suivant :

<script>
function repond()
{
var mot="bonjour";
var mota="Bonjour";
if ((document.formu.bon.value==mot)||(document.formu.bon.value==mota))
{alert("Comment allez-vous ?");}
else
{alert("Et la politesse, alors ?!?!!");}
}
</script>

Nous avons déclaré les variables "mot" et "mota" puis énoncé la condition : si la valeur du champ "bon" contient la valeur de "mot" ou de "mota", on affiche le message "Comment allez-vous ?".
Sinon ("else") on affiche le message "Et la politesse, alors ?".

if (la condition 1 est remplie)
{on fait ceci}
else sinon
{on fait cela}

  • Si vous avez plusieurs conditions et que l'une OU l'autre doit être remplie :

    if ((la condition 1 est remplie) || (la condition 2 est remplie))
    {on fait ceci}
    else sinon
    {on fait cela}

  • Si vous avez plusieurs conditions et que l'une ET l'autre doivent être remplies :

    if ((la condition 1 est remplie) && (la condition 2 est remplie))
    {on fait ceci}
    else sinon
    {on fait cela}

    Votre regard critique n'aura pas manqué de noter la présence des doubles parenthèses encadrant les conditions...

  • Une autre forme de condition est celle générée par "switch". Cette condition s'exprime de la manière suivante :

    switch (valeur à tester)
    { case résultat 1:on fait ceci;break;
    case résultat 2:on fait cela;break;
    case résultat 3:on fait ça;break;
    case résultat 4:on fait ci;break;
    default :sinon on fera comme ça...;break; }

    Exemple :

    Quel est votre tranche d'âge ?

       


    Ce qui donne pour la fonction Javascript :

    <script>
    function reac()
    {
    var selon=document.forage.choisir.selectedIndex
    switch(selon)
    {
    case 0:alert("Vous êtes bien jeune pour faire du Javascript !");break;
    case 1:alert("La petite famille se porte bien ?");break;
    case 2:alert("Encore au Javascript ???");break;
    default:alert("Vous avez bien raison...");break;
    }
    }
    </script>


  • Il existe bien des manières de spécifier des conditions ! En voilà encore une dernière (pour la route...).

    Ecrivez ici un mot de 1 à 10 lettres :



    Voici la fonction appelée par le bouton :

    <script>
    function comp()
    {
    var nomb=document.areuh.lala.value
    var longueur=nomb.length;
    (longueur>1)?bebe="lettres":bebe="lettre";
    alert("Il y a "+longueur+" "+bebe+" dans ce mot...");
    }
    </script>

    La condition est ici exprimée sous la forme interrogative ?

    (est-ce que cette condition est vraie)? si oui on fait ceci : sinon on fait cela;

    Dans le cas présent, la condition porte sur le nombre de caractères du mot entré par l'utilisateur. Selon la longueur de cette chaîne, le mot "lettre" s'écrit "lettres" ou "lettre"...