🏆 Challenge #N9 · Valeur d'un champ HTML · challenges/N9_valeur-champ.html JS · challenges/js/N9_valeur-champ.js


À faire

  • À faire
  • Terminé
  • En cours
  • Incomplet
  • Blocage

Mémo

document.getElementById("champ1").value; // Récupérer la valeur d'un champ

document.getElementById("champ1").value = "Goyave"; // Définir la valeur d'un champ


monElement.length; // Connaître la longueur d'un élément (variable, sélécteur...)

monTableau.push("Mangue"); // Ajouter un élément dans un tableau

monTableau.sort(); // Ranger un tableau

1️⃣ Vérifier si un champ est vide

Lors du clic du bouton, un message apparaît savoir si le champ est vide ou rempli.

Si le champ est rempli, afficher le contenu dans la console avec son nombre de caractères.

2️⃣ Transférer une valeur

Lors du clic sur le bouton, la valeur 1 doit partir du champ 1 pour aller dans le champ 2.

Si le champ 1 est vide, demander de renseigner une valeur.

3️⃣ Manipulation de tableau

Lorsque le bouton est cliqué, la valeur du champ est ajoutée à un tableau (initialement vide ou non vide).

À chaque ajout, compter le nombre total d'éléments dans le tableau.

À chaque ajout, le tableau doit être rangé.

À chaque ajout, compter le nombre total de caractères dans le tableau.

Une nouvelle version est disponible !

Mettez votre support à jour pour bénéficier des dernières corrections, améliorations, et nouveaux challenges !

Version locale

Publication 

Dernière version

Publication