[HackThis] – Solution Main Level 6

Bonjour,

Voici la solution du niveau 6 de la catégorie ‘Main’ de HackThis.

Lien vers le niveau : https://www.hackthis.co.uk/levels/main/6

Sommaire de la solution

  1. Inspecter l’élément du formulaire ;
  2. Modifier le formulaire via les outils de développeur du navigateur ;
  3. Valider le formulaire

Détail de la solution

  1. Inspecter l’élément du formulaire

Cet exercice est un peu plus difficile que les suivants, surtout si on ne sait pas comment procéder pour le résoudre. Nous sommes face à un formulaire constitué d’une simple dropdown-list contenant plusieurs prénom. L’énoncé de l’exercice nous demande de nous connecter en tant que Ronald, mais il apparaît que ce prénom ne figure pas dans la liste…

Screenshot

Le premier réflexe va être d’inspecter l’élément, la dropdown-list, en effectuant un clic droit dessus, puis en sélectionnant ‘Inspecter l’élément‘ (sous Chrome) :

inspect

Un volet apparaîtra sur la droite, contenant plusieurs outils pour les développeurs. La partie de code HTML permettant d’afficher le formulaire sera mise en évidence :

  1. Modifier le formulaire via les outils de développeur du navigateur

Effectuer un clic droit sur une partie du code et sélectionner ‘Edit as HTML‘, afin de modifier le code du formulaire :

Rajouter une entrée dans la dropdown-list en rajoutant le code ‘<option>Ronald</option>‘ :

  1. Valider le formulaire

Une fois l’entrée rajoutée au code HTML, nous pouvons constater que le formulaire a été correctement mis à jour. Nous sélectionnons Ronald et soumettons le formulaire.

Mission COMPLETE ! 🙂

 

 

Laisser un commentaire