Exercices les conditions et les boucles en javascript

• Etre capable de manipuler les structures conditionnelles de type if...else.
• Etre capable de manipuler les structures conditionnelles de type switch.

1. Énoncé

• Dans une page HTML5 réaliser un script permettant d’afficher les nombres de 20 à 0 avec décrémentation d’une pas égal à 2 exmeple: 20 – 18 – 16…..

2. Solution

• Essayez de faire l’exercice de votre côté avant de regarder la solution !

1. Énoncé

• Écrire une page HTML faisant apparaître les nombres premiers compris entre 0 et 100.

2. Solution

• Essayez de faire l’exercice de votre côté avant de regarder la solution !

1. Énoncé

• Créer une page HTML , appelée Tableaux.html, faisant apparaître la table de multiplication pour les entiers compris entre 1 et 10 et présenter le résultat dans un tableau [11 x 11].
• Le titre de la page sera : La table de multiplication
• La tableau crée doit répondre aux critères suivants:
• être au centre de la page
• avoir largeur 60% de la page
• Bordure 1px
• Le texte cellule est mit au centre
• La première cellule contient X en gras sur un fond jaune
• Le texte de la première ligne en gras sur un fond gris
• Le texte de la première colonne en gras sur un fond gris

2. Solution

• Essayez de faire l’exercice de votre côté avant de regarder la solution !

1. Énoncé

• Reprendre l’exercice précédent avec des entiers compris entre 0 et k
• La valeur de K sera demandée à l’utilisateur via une boite de dialogue.
• En cas de saisie d’un nombre non entier ou supérieure à 20 le script redemande l’utilisateur de saisir une nouvelle valeur.

2. Solution

• Essayez de faire l’exercice de votre côté avant de regarder la solution !

1. Énoncé

• Pour cet exercice, il est demandé de créer un script qui demande à l’utilisateur de saisir trois variables numériques via une boite prompt.
• L’utilisateur est averti s’il ne saisit pas un nombre, le script lui demande de saisir une valeur numérique.
• Une fois l’utilisateur à saisit trois valeurs numériques, le script teste les trois variables :
• Si elles sont égales, écrire : "Les trois variables sont identiques."
• Si seulement deux sont identiques, écrire :"deux des variables sont de valeurs égales."
• Sinon, écrire :"Les trois variables sont différentes."

2. Solution

• Essayez de faire l’exercice de votre côté avant de regarder la solution !

1. Énoncé

• Écrivez une page HTML, tirée du standard bootstrap5, faisant apparaître une zone de texte et un bouton.
• Dans la zone de texte, saisissez le nombre de points obtenus sur un travail noté (entre zéro et cent); puis informez l’étudiant de son évaluation finale (insuffisant, suffisant, bien, très bien, excellent) à partir du tableau suivant :
• insuffisant de 0 à 59 points
• suffisant de 60 à 69 points
• bien de 70 à 79 points
• très bien de 80 à 89 points
• excellent 90 points à 100 points
• L’évaluation finale sera affichée sous le bouton avec une couleur différente selon le cas (utilisez les classes Bootstrap)
• Si vous saisissez un nombre supérieur à 100 ou une chaîne de caractères la réponse sera dans tous les cas « Saisie erronée en couleur rouge » (utilisez la fonction isNaN(nombreX) qui renvoie true si nombreX n’est pas un nombre !)

2. Solution

Essayez de faire l’exercice de votre côté avant de regarder la solution !

1. Énoncé

• Utilisez une (ou deux) boucle for() pour afficher la figure ci‐dessous :

1
1 1
1 1 1
1 1 1 1
1 1 1 1 1
1 1 1 1 1 1
1 1 1 1 1 1 1
1 1 1 1 1 1 1 1
1 1 1 1 1 1 1 1 1
1 1 1 1 1 1 1 1 1 1

• Remarque : chaque ligne contient que des « 1 » (un); et un espace entre les « 1« ; utilisez la méthode d’affichage : document.write(« element a afficher »).

2. Solution

• Essayez de faire l’exercice de votre côté avant de Cliquer ici !

1. Énoncé

• Étendez l’exercice 7 en demandant à l’utilisateur de saisir un nombre ou un caractère (à la place du « 1 ») et le nombre de lignes à afficher…
• Remarque : vous testerez si le nombre ou le caractère saisi contient bien qu’un seul caractère (méthode length); vous ferez en sorte que le nombre de lignes n’excède pas 50 ! De plus, la boucle devra s’effectuer tant que l’utilisateur n’entrera pas un nombre.

2. Solution

• Essayez de faire l’exercice de votre côté avant de regarder la solution !

1. Énoncé

1. Créez un fichier HTML nommé exercice09.html, comportant un script en javascript qui affiche les 100 premiers nombres entiers premiers
2. Afficher la somme des 100 premiers nombres entiers premiers
• Le schéma suivant illustre le résultat souhaité



2. Solution

• Essayez de faire l’exercice de votre côté avant de Cliquer ici !

1. Énoncé

• Calculer la factorielle d’un nombre en Javascript
• Écrire un script en javascript permettant de lire un nombre entier N, saisie dans une zone de texte(input type= »text »), puis calcule et affiche la factorielle de ce nombre en utilisant une boucle while
• Le calcul se déclenche en cliquant sur un bouton calculer
• Rappelant qu’en mathématiques, la factorielle d’un entier naturel n est le produit des nombres entiers strictement positifs inférieurs ou égaux à n. Ainsi, par convention la factorielle de zéro est égale à 1 ( 0! = 1 )
• Le programme ne se plante pas si l’utilisateur à décidé de saisir « bonjour » ou un nombre négatif plus-tôt que 6 par exemple .



2. Solution

Essayez de faire l’exercice de votre côté avant de Cliquer ici !

Exercice 11

1. Énoncé

• Créez un fichier HTML nommé boucleForApp1.html, comportant un script permettant d’afficher tous les diviseurs des nombres compris entre 2 et 100 ;
• Mettre le nombre en gras
• les nombres premiers seront colorés en rouge
• Le résultat du script doit ressemble au schéma suivant



2. Solution

Essayez de faire l’exercice de votre côté avant de Cliquer ici !

1. Énoncé

• Créez un fichier HTML nommé boucleForApp2.html, comportant un script permettant d’afficher tous les nombres parfaits compris entre 2 et 1000 ; sachant qu’un nombre N est dit parfait s’il est un entier naturel non nul, est égal à la somme de ses diviseurs sauf lui-même.
• Exemple : Pour N=6 La somme des diviseurs de 6 (sauf 6) est 1+2+3= 6, donc 6 est un nombre parfait.
• Le résultat souhaité sera sous la forme suivante: 6 = (1+2+3)

2. Solution

Essayez de faire l’exercice de votre côté avant de Cliquer ici !