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.
// 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.
// 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);
É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.
// 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 – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
merci beaucoup. comme débutant je trouve ce tuto très intéressant et très riche
very nice please more exercise with DOM
Super tp.
Petite remontée concernant le TP 8, il est impossible de taper du texte dans la zone prévue à cet effet.
Donnez moi s’il vous plaît des exercices plus compliqué en js
merci beaucoup pour les exercices.