Exercice JavaScript Corrigé – Partie 1

Avec des exercices corrigés en JavaScript, vous pratiquerez divers concepts du langage JavaScript. Vous commencerez par des exercices JavaScript de base à des exercices plus avancés. La solution est fournie pour chaque exercice. Vous devez essayer de résoudre chaque problème par vous-même avant de vérifier la solution. Si vous avez des questions concernant chaque problème, nous vous encourageons à les poster sur notre forum.
 
 

Exercice 1:

Créez une fonction JavaScript qui prend deux nombres en paramètres et retourne leur somme.

Exemple:

addition(1, 2) ➞ 3
addition(-2, -4) ➞ -6
// Définir une fonction qui prend deux paramètres
function addition(x, y) {

    // Vérifier que les deux paramètres sont bien des nombres
    if (typeof x !== "number" || typeof y !== "number") {

       //Retourner un message d'erreur si ce ne sont pas des nombres
       return "Erreur : veuillez entrer deux nombres !";
    }

    // Retourner la somme des deux nombres
    return x + y;
}

// Appeler la fonction et afficher le résultat
console.log(addition(1, 2));
console.log(addition(-2, -4));

Explication:

  • function addition(x, y) : définit une fonction appelée addition avec deux paramètres.
  • typeof x !== "number" : vérifie si x n’est pas un nombre.
  • typeof y !== "number" : vérifie si y n’est pas un nombre.
  • return x + y : additionne les deux nombres et retourne le résultat.
  • console.log() : affiche le résultat dans la console du navigateur.
 

Exercice 2:

Écrivez une fonction JavaScript qui prend un nombre entier de minutes en paramètre et le convertit en secondes.

Exemple:

minuteToSecond(4) ➞ 240
minuteToSecond(3) ➞ 180
// Définir une fonction qui prend le nombre de minutes en paramètre
function minuteToSecond(minutes) {

   // Vérifier que la valeur est bien un nombre entier positif ou nul
   if (!Number.isInteger(minutes) || minutes < 0) {

       // Retourner un message d'erreur si la valeur est invalide
       return "Erreur : veuillez entrer un nombre entier positif !";
   }

    // Convertir les minutes en secondes
    // 1 minute = 60 secondes
    return minutes * 60;
}

// Tester la fonction
console.log(minuteToSecond(4));
console.log(minuteToSecond(3));
 

Exercice 3:

Créez une fonction JavaScript qui prend un nombre en argument, l'incrémente de 1 et retourne le résultat.

Exemple:

increment(1) ➞ 2
increment(4) ➞ 5
// Définir une fonction qui prend un nombre en paramètre
function increment(n) {

    // Ajouter 1 au nombre et retourner le résultat
    return n + 1;
}

// Tester la fonction
console.log(increment(1));
console.log(increment(4));

Explication:

  • function increment(n) : définit une fonction appelée increment.
  • n : représente le nombre reçu en argument.
  • n + 1 : ajoute 1 au nombre.
  • return : retourne le résultat de l'opération.
  • console.log() : affiche le résultat dans la console.
 

Exercice 4:

Écrivez une fonction JavaScript qui prend la base et la hauteur d’un triangle en paramètres et retourne sa surface.

Formule:

Surface = (base × hauteur) / 2

Exemple:

getSurface(8, 2) ➞ 8
getSurface(7, 3) ➞ 10.5
// Définir une fonction qui prend la base et la hauteur
function getSurface(base, hauteur) {

    // Calculer et retourner la surface du triangle
    return (base * hauteur) / 2;
}

// Tester la fonction
console.log(getSurface(8, 2));
console.log(getSurface(7, 3));
 

Exercice 5:

Écrivez un programme JavaScript pour inverser une chaîne de caractères.

Exemple:

strReverse('WayToLearnX') ➞ XnraeLoTyaW
strReverse('Hello') ➞ olleH
// Définir une fonction qui prend une chaîne de caractères
function strReverse(str) {

    // Transformer la chaîne en tableau de caractères
    // Puis inverser le tableau et le transformer à nouveau en chaîne
    return str.split("").reverse().join("");
}

// Tester la fonction
console.log(strReverse("WayToLearnX"));
console.log(strReverse("Hello"));
 

Exercice 6:

Écrivez un programme JavaScript pour trouver le plus grand des trois entiers donnés.

Exemple:

getMax(5, 9, 1) ➞ 9
getMax(2, 3, 10) ➞ 10
// Définir une fonction qui prend trois nombres en paramètres
function getMax(a, b, c) {

    // Initialiser la variable max avec le premier nombre
    let max = a;

    // Vérifier si b est supérieur à max
    if (b > max) {
        max = b;
    }

    // Vérifier si c est supérieur à max
    if (c > max) {
        max = c;
    }

    // Retourner le plus grand nombre
    return max;
}

// Tester la fonction
console.log(getMax(5, 9, 1));
console.log(getMax(2, 3, 10));
 

Exercice 7:

Créez une fonction qui prend un tableau et renvoie le premier élément. Notez que le premier élément d'un tableau commence toujours par l'index 0.

Exemple:

getFirst([1, 2, 3]) ➞ 1
getFirst([50, 60, 70]) ➞ 50
// Définir une fonction qui prend un tableau en paramètre
function getFirst(tab) {

    // Retourner le premier élément du tableau
    // Le premier élément se trouve à l'index 0
    return tab[0];
}

// Tester la fonction
console.log(getFirst([1, 2, 3]));
console.log(getFirst([50, 60, 70]));
 

Exercice 8:

Écrivez un programme JavaScript pour récupérer l'URL d'un site Web

// Récupérer l'URL complète de la page actuelle
const url = document.URL;

// Afficher l'URL dans la console
console.log(url);
 

Exercice 9:

Écrivez un programme JavaScript pour renvoyer le reste de deux nombres. Il existe un seul opérateur en JavaScript, capable de fournir le reste d'une division. Deux nombres sont transmis comme paramètres. Le premier paramètre divisé par le deuxième paramètre.

Exemple:

resteDiv(1, 3) ➞ 1
resteDiv(2, 4) ➞ 2
resteDiv(3, 3) ➞ 0
// Définir une fonction qui prend deux nombres en paramètres
function resteDiv(a, b) {

    // Vérifier que le deuxième nombre n'est pas égal à 0
    if (b === 0) {
        return "Erreur : division par zéro impossible !";
    }

    // Retourner le reste de la division de a par b
    return a % b;
}

// Tester la fonction
console.log(resteDiv(1, 3));
console.log(resteDiv(2, 4));
console.log(resteDiv(3, 3));
Boostez votre productivité avec les meilleurs outils Web -> Essayez-les
qcm-javascript

5 réflexions sur “Exercice JavaScript Corrigé – Partie 1

  • avril 15, 2020 à 9:38 pm
    Permalien

    merci beaucoup. comme débutant je trouve ce tuto très intéressant et très riche

    Répondre
  • juillet 3, 2022 à 10:13 pm
    Permalien

    very nice please more exercise with DOM

    Répondre
  • novembre 25, 2022 à 12:27 pm
    Permalien

    Super tp.

    Petite remontée concernant le TP 8, il est impossible de taper du texte dans la zone prévue à cet effet.

    Répondre
  • mai 11, 2023 à 10:05 pm
    Permalien

    Donnez moi s’il vous plaît des exercices plus compliqué en js

    Répondre

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *