pixel facebook
 

Javascript | Questionnaire Interactif

Ce que vous allez Apprendre

Exercice pratique en Javascript afin de créer un questionnaire interactif

Après avoir bien avancé sur la théorie du langage Javascript, on se lance dans notre premier petit challenge pour apprendre en pratiquant.

Le but de cet exercice sera de construire un questionnaire interactif, nous permettant de répondre à des questions de culture générale, en choisissant le numéro de la réponse.

Un traitement devra être fait afin de comptabiliser le nombre de bonne réponse et d'afficher le résultat à l'utilisateur en fin de questionnaire.

Pour vous aider, nous partirons d'une constante de type tableau qui contiendra les données initiales.

const QUESTIONS = [
  {
    question:
      'A quel compositeur est consacré le film Amadeus ?\n1. Beethoven\n2. Mozart',
    reponse: 2
  },
  {
    question: "Quelle est la capitale de l'Autriche ?\n1. Vienne\n2. Oslo",
    reponse: 1
  },
  {
    question:
      'Quel organe est perturbé par les acouphènes ?\n1. Les Pieds\n2. Les Oreilles',
    reponse: 2
  }
];

Bon Courage !


Commentaires 7


Votre adresse mail ne sera en aucun cas divulguée ou utilisée, elle nous permet de garantir la pertinence des commentaires affichés

Spike spiegel - 15/08/2021 17:22:35
Bonjour,
j'ai du mal a enclancher la fonction ${nbBonneReponse} et ${questions.lenght} , sur mon éditeur de texte ( Visual Studio Code ) ces fonction s'affiche en rouge amis pas en bleu comme pour vous. Puis lorsque je visualise sur la page web le nombre de bonnes réponses ou de mauvaises réponses ne s'affiche pas. Comment résoudre se problème ?
Merci pour ce que vous faites ! C'est excellent !
Lasa - 05/03/2021 10:22:38
Bonjour,
Les tutos sont vraiment bien, un grand merci, cela me permet de progresser avec des explications claires et précises.
Pour l'exercice j'ai fais le choix d'un switch pour la résolution du compte de bonne réponse. Cela fonctionne mais c'est bien moins propre que la soluce.
J<ul><li>e - 05/10/2020 14:55:14
Merci pour cet exercice. Comme beaucoup je suis partie sur les for .. in et j'ai même tenté le do ... while.
Mais ma petite victoire est d'avoir trouvé le coup de l'alert "bonne réponse " ou "bonnes réponses" selon le nombre de bonnes réponses.
Merci à vous.
Votre voix est très agréable (régulière et posée) et votre façon d'expliquer tellement pédagogue.
Admin - 08/10/2020 13:55:21
Merci pour le commentaire
Jonathan surle - 21/07/2020 22:41:59
Excellent ! Je craignais un peu que mon esprit logique soit rouillé depuis le temps que je n'avais pas refait de JS... Mais grâce à vos cours, ça revient vite !
Admin - 21/07/2020 23:44:46
Presque comme le Vélo ;) ... Merci pour le commentaire !
Danielc - 29/05/2020 18:00:05
Très bon exercice, j'ai été bloqué au début, mais ensuite grâce aux explications j'ai compris. Merci pour ces cours.
Admin - 29/05/2020 18:50:15
Merci beaucoup pour le commentaire. Bon courage pour la suite de la formation ;)
Thibaut - 09/04/2020 11:38:31
Très bonne vidéo, j'ai été bloqué des le début pour me rendre compte que s’était pas du tout difficile, c'est finalement le const QUESTIONS qui m'a déstabilisé j'ai voulu utilisé le for In ; je pense que je ne suis pas doué pour ce qui est le logique.
merci pour cette vidéo
Admin - 09/04/2020 21:12:43
C'est normal d'être bloqué au début lorsque l'on commence à programmer. Il ne faut pas se décourager et ne pas se bloquer. La logique vient avec la pratique. Il ne faut pas hésiter au début à poser le problème sur papier avant de se lancer. Ca peut aider à trouver la bonne approche.
Merci de me suivre en tout cas ! :)
Jacques - 28/02/2020 07:38:31
Une vidéo qui résume très bien ce qui a été expliqué dans les cinq vidéos précédentes.
Un grand merci à l'auteur :-)
Admin - 28/02/2020 09:05:46
Merci pour le commentaire. :)