Cours
4. XHTML et Javascript
4.8. Le contrôle if
Voici des commandes qui permettent de contôler le déroulement d'un programme:
4.8.1 if
if (condition){ code } permet de faire exécuter une portion de code seulement, si condition est vraie (true). Voici un →exemple:
.......
<script>
function controle()
{
x=1*document.getElementById("icix").value;
if ( x < 10 )
{
alert ( "x est un chiffre" );
}
}
</script>
......
Introduire un nombre entier ici: <input type="text" id="icix" onClick="controle()">
puis cliquez!
.......
4.8.2 if... else...
if (condition){ code1 } else { code1 } permet de faire exécuter une portion de code1 , si condition est vraie (true), de code2 , si condition est fausse (false) . Voici un →exemple:
.......
<script>
function controle()
{
x=document.getElementById("icix").value;
if ( x < 10 )
{
alert ( "x est un chiffre" );
}
else
{
alert ( "x est un nombre de plusieurs chiffres" );
}
}
</script>
......
Introduire un nombre entier ici: <input type="text" id="icix" > <input type="button" onClick=controle()>
4.8.3 Donald avance et s'arrête tout seul
Revoici Donald! Avec la récursion et le contrôle if, le →voici qui a appris à avancer et s'arrêter tout seul seul!
4.8.4 Donald avance et recule tout seul
Rerevoici Donald! Avec la récursion et le contrôle if.., le →voici qui a appris à avancer et reculer!
4.8.5 Exercice: Donald
Faites avancer et reculer Donald au moyen d'une seule fonction et du contrôle if.. else!
4.8.6 Exercice: Donald et Daisy
Voici Donald et Daisy:
Placez Daisy au milieu de l'écran, Donald dans un coin, placez 4 boutons pour faire avancer Donald dans tous les sens à chaque déclic. Dès que Donald s'avance trop de Daisy, il faut que celle-ci disparaisse, s'il s'écarte de nouveau elle doit réapparaître!