{"id":3253,"date":"2026-08-21T22:29:16","date_gmt":"2026-08-21T22:29:16","guid":{"rendered":"https:\/\/maroczain.com\/quiz\/"},"modified":"2026-08-22T02:05:51","modified_gmt":"2026-08-22T02:05:51","slug":"quiz","status":"publish","type":"page","link":"https:\/\/maroczain.com\/en\/quiz\/","title":{"rendered":"QCM &#038; Quiz"},"content":{"rendered":"\n<style>\n:root{\n  --mza-blue:#0b6b8a;\n  --mza-dark:#123b59;\n  --mza-gold:#e9c84a;\n  --mza-bg:#f8fafc;\n  --mza-border:#e2e8f0;\n  --mza-text:#334155;\n  --mza-danger:#b91c1c;\n  --mza-success:#15803d;\n}\n\n*{\n  box-sizing:border-box;\n}\n\n.mza-quiz-page{\n  max-width:1100px;\n  margin:40px auto;\n  padding:20px;\n  font-family:Arial,Helvetica,sans-serif;\n  color:var(--mza-text);\n}\n\n.mza-quiz-header{\n  text-align:center;\n  margin-bottom:30px;\n}\n\n.mza-quiz-header h1{\n  margin:0 0 10px;\n  font-size:42px;\n  color:var(--mza-dark);\n}\n\n.mza-quiz-header p{\n  margin:0;\n  color:#64748b;\n  font-size:18px;\n}\n\n.mza-nav{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:8px;\n  margin-bottom:30px;\n}\n\n.mza-nav a{\n  display:inline-block;\n  padding:10px 14px;\n  background:#fff;\n  border:1px solid var(--mza-border);\n  border-radius:9px;\n  text-decoration:none!important;\n  color:var(--mza-dark)!important;\n  font-weight:700;\n}\n\n.mza-nav a:hover{\n  background:var(--mza-blue);\n  color:#fff!important;\n}\n\n.mza-quiz-box{\n  background:#fff;\n  border:1px solid var(--mza-border);\n  border-radius:18px;\n  padding:28px;\n  box-shadow:0 10px 30px rgba(0,0,0,.06);\n}\n\n.mza-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:18px;\n}\n\n.mza-field label{\n  display:block;\n  margin-bottom:7px;\n  font-weight:700;\n  color:var(--mza-dark);\n}\n\n.mza-field select{\n  width:100%;\n  padding:13px;\n  border:1px solid #cbd5e1;\n  border-radius:10px;\n  font-size:16px;\n  background:#fff;\n}\n\n.mza-start-btn{\n  width:100%;\n  margin-top:22px;\n  padding:16px;\n  border:0;\n  border-radius:11px;\n  background:var(--mza-blue);\n  color:#fff;\n  font-size:17px;\n  font-weight:700;\n  cursor:pointer;\n}\n\n.mza-start-btn:hover{\n  background:var(--mza-dark);\n}\n\n#mza-message{\n  margin-top:14px;\n  text-align:center;\n  font-weight:700;\n}\n\n#mza-quiz-zone{\n  margin-top:30px;\n  display:none;\n}\n\n.mza-topbar{\n  display:flex;\n  justify-content:space-between;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-bottom:20px;\n  padding:14px;\n  background:var(--mza-bg);\n  border-radius:10px;\n}\n\n.mza-question{\n  font-size:22px;\n  font-weight:700;\n  color:var(--mza-dark);\n  margin-bottom:20px;\n}\n\n.mza-options{\n  display:grid;\n  gap:12px;\n}\n\n.mza-option{\n  width:100%;\n  text-align:left;\n  padding:15px;\n  border:1px solid var(--mza-border);\n  border-radius:10px;\n  background:#fff;\n  color:var(--mza-text);\n  font-size:16px;\n  cursor:pointer;\n}\n\n.mza-option:hover{\n  border-color:var(--mza-blue);\n  background:#f0f9ff;\n}\n\n.mza-option.correct{\n  background:#dcfce7;\n  border-color:#22c55e;\n}\n\n.mza-option.wrong{\n  background:#fee2e2;\n  border-color:#ef4444;\n}\n\n#mza-feedback{\n  margin-top:18px;\n  padding:14px;\n  border-radius:10px;\n  display:none;\n}\n\n.mza-next-btn{\n  display:none;\n  margin-top:20px;\n  width:100%;\n  padding:14px;\n  border:0;\n  border-radius:10px;\n  background:var(--mza-gold);\n  color:var(--mza-dark);\n  font-weight:700;\n  cursor:pointer;\n}\n\n#mza-result-zone{\n  display:none;\n  text-align:center;\n  padding:30px;\n}\n\n#mza-result-zone h2{\n  color:var(--mza-dark);\n  font-size:34px;\n}\n\n.mza-score{\n  font-size:48px;\n  font-weight:800;\n  color:var(--mza-blue);\n  margin:15px 0;\n}\n\n.mza-restart-btn{\n  display:inline-block;\n  margin-top:20px;\n  padding:14px 20px;\n  border:0;\n  border-radius:10px;\n  background:var(--mza-dark);\n  color:#fff;\n  font-weight:700;\n  cursor:pointer;\n}\n\n@media(max-width:800px){\n  .mza-grid{\n    grid-template-columns:1fr;\n  }\n\n  .mza-quiz-header h1{\n    font-size:32px;\n  }\n}\n<\/style>\n\n<div class=\"mza-quiz-page\">\n\n  <div class=\"mza-nav\">\n    <a href=\"\/academy\/\">Accueil<\/a>\n    <a href=\"\/formations\/\">Formations<\/a>\n    <a href=\"\/cours\/\">Cours<\/a>\n    <a href=\"\/quiz\/\">QCM<\/a>\n    <a href=\"\/examens\/\">Examens<\/a>\n    <a href=\"\/bibliotheque\/\">Biblioth\u00e8que<\/a>\n    <a href=\"\/mon-compte\/\">Espace apprenant<\/a>\n  <\/div>\n\n  <div class=\"mza-quiz-header\">\n    <h1>QCM &#038; Quiz<\/h1>\n    <p>Choisissez votre m\u00e9tier, votre module et le nombre de questions.<\/p>\n  <\/div>\n\n  <div class=\"mza-quiz-box\">\n\n    <div id=\"mza-selector-zone\">\n\n      <div class=\"mza-grid\">\n\n        <div class=\"mza-field\">\n          <label for=\"mza-metier\">M\u00e9tier<\/label>\n\n          <select id=\"mza-metier\">\n            <option value=\"\">Choisir un m\u00e9tier<\/option>\n            <option value=\"agent-escale\">Agent d&rsquo;escale<\/option>\n            <option value=\"chef-escale\">Chef d&rsquo;escale<\/option>\n            <option value=\"chef-cabine\">Chef de cabine<\/option>\n            <option value=\"reservation\">Agent de r\u00e9servation<\/option>\n            <option value=\"commercial\">Agent commercial<\/option>\n            <option value=\"representant\">Repr\u00e9sentant r\u00e9gional<\/option>\n            <option value=\"cargo\">Fret &#038; Cargo<\/option>\n            <option value=\"duty-manager\">Duty Manager<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"mza-field\">\n          <label for=\"mza-module\">Module<\/label>\n\n          <select id=\"mza-module\">\n            <option value=\"all\">Tous les modules<\/option>\n            <option value=\"1\">Module 1<\/option>\n            <option value=\"2\">Module 2<\/option>\n            <option value=\"3\">Module 3<\/option>\n            <option value=\"4\">Module 4<\/option>\n            <option value=\"5\">Module 5<\/option>\n            <option value=\"6\">Module 6<\/option>\n            <option value=\"7\">Module 7<\/option>\n            <option value=\"8\">Module 8<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"mza-field\">\n          <label for=\"mza-number\">Nombre de questions<\/label>\n\n          <select id=\"mza-number\">\n            <option value=\"10\">10 questions<\/option>\n            <option value=\"20\">20 questions<\/option>\n            <option value=\"30\">30 questions<\/option>\n            <option value=\"40\">40 questions<\/option>\n          <\/select>\n        <\/div>\n\n      <\/div>\n\n      <button id=\"mza-start-btn\" class=\"mza-start-btn\" type=\"button\">\n        Commencer le QCM\n      <\/button>\n\n      <div id=\"mza-message\"><\/div>\n\n    <\/div>\n\n    <div id=\"mza-quiz-zone\">\n\n      <div class=\"mza-topbar\">\n        <div>\n          Question\n          <strong id=\"mza-current\">1<\/strong>\n          \/\n          <strong id=\"mza-total\">10<\/strong>\n        <\/div>\n\n        <div>\n          Score :\n          <strong id=\"mza-score\">0<\/strong>\n        <\/div>\n      <\/div>\n\n      <div id=\"mza-question\" class=\"mza-question\"><\/div>\n\n      <div id=\"mza-options\" class=\"mza-options\"><\/div>\n\n      <div id=\"mza-feedback\"><\/div>\n\n      <button id=\"mza-next-btn\" class=\"mza-next-btn\" type=\"button\">\n        Question suivante\n      <\/button>\n\n    <\/div>\n\n    <div id=\"mza-result-zone\">\n\n      <h2>R\u00e9sultat du QCM<\/h2>\n\n      <div id=\"mza-final-score\" class=\"mza-score\"><\/div>\n\n      <p id=\"mza-final-message\"><\/p>\n\n      <button id=\"mza-restart-btn\" class=\"mza-restart-btn\" type=\"button\">\n        Recommencer\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n<script>\n(function(){\n\nconst QUESTION_BANK = [\n\n{\n  metier:\"chef-escale\",\n  module:\"1\",\n  question:\"Quelle est l'une des responsabilit\u00e9s principales du chef d'escale ?\",\n  answers:[\n    \"Coordonner les op\u00e9rations d'escale\",\n    \"Piloter l'avion\",\n    \"Effectuer la maintenance moteur\",\n    \"Contr\u00f4ler le trafic a\u00e9rien\"\n  ],\n  correct:0,\n  explanation:\"Le chef d'escale coordonne les diff\u00e9rents intervenants afin d'assurer le bon d\u00e9roulement des op\u00e9rations.\"\n},\n\n{\n  metier:\"chef-escale\",\n  module:\"1\",\n  question:\"Quel objectif est prioritaire pendant une escale ?\",\n  answers:[\n    \"Respecter s\u00e9curit\u00e9, s\u00fbret\u00e9, qualit\u00e9 et ponctualit\u00e9\",\n    \"R\u00e9duire syst\u00e9matiquement le nombre d'agents\",\n    \"Retarder l'embarquement\",\n    \"Supprimer le briefing\"\n  ],\n  correct:0,\n  explanation:\"La s\u00e9curit\u00e9, la s\u00fbret\u00e9, la qualit\u00e9 de service et la ponctualit\u00e9 sont des priorit\u00e9s op\u00e9rationnelles.\"\n},\n\n{\n  metier:\"chef-escale\",\n  module:\"2\",\n  question:\"Avant le traitement d'un vol, que doit v\u00e9rifier le chef d'escale ?\",\n  answers:[\n    \"Les informations op\u00e9rationnelles du vol\",\n    \"Uniquement la m\u00e9t\u00e9o de la semaine suivante\",\n    \"Le menu du restaurant de l'a\u00e9roport\",\n    \"Les horaires des trains\"\n  ],\n  correct:0,\n  explanation:\"La pr\u00e9paration du vol n\u00e9cessite le contr\u00f4le des horaires, type avion, charge, particularit\u00e9s et informations op\u00e9rationnelles.\"\n},\n\n{\n  metier:\"chef-escale\",\n  module:\"2\",\n  question:\"Le briefing avant vol sert principalement \u00e0 :\",\n  answers:[\n    \"Partager les informations et r\u00e9partir les responsabilit\u00e9s\",\n    \"Modifier les licences des pilotes\",\n    \"Annuler automatiquement les vols complets\",\n    \"Remplacer le plan de vol\"\n  ],\n  correct:0,\n  explanation:\"Le briefing permet \u00e0 chaque intervenant de conna\u00eetre les contraintes du vol et son r\u00f4le.\"\n},\n\n{\n  metier:\"chef-escale\",\n  module:\"3\",\n  question:\"La coordination handling concerne principalement :\",\n  answers:[\n    \"La coordination des services au sol\",\n    \"La navigation a\u00e9rienne en croisi\u00e8re\",\n    \"La construction de l'a\u00e9roport\",\n    \"La vente des avions\"\n  ],\n  correct:0,\n  explanation:\"Le handling regroupe les services d'assistance au sol n\u00e9cessaires au traitement de l'avion, des passagers et des bagages.\"\n},\n\n{\n  metier:\"chef-escale\",\n  module:\"4\",\n  question:\"Un mouvement de vol correspond notamment \u00e0 :\",\n  answers:[\n    \"Une arriv\u00e9e ou un d\u00e9part d'a\u00e9ronef\",\n    \"Un changement de si\u00e8ge dans l'avion\",\n    \"Un remboursement de billet\",\n    \"Un achat de carburant automobile\"\n  ],\n  correct:0,\n  explanation:\"Les mouvements de vols concernent notamment les arriv\u00e9es, d\u00e9parts et op\u00e9rations associ\u00e9es.\"\n},\n\n{\n  metier:\"chef-escale\",\n  module:\"5\",\n  question:\"Le devis de poids contribue principalement \u00e0 :\",\n  answers:[\n    \"La ma\u00eetrise de la masse et du centrage de l'avion\",\n    \"La fixation du prix des billets\",\n    \"La planification des cong\u00e9s\",\n    \"La d\u00e9coration cabine\"\n  ],\n  correct:0,\n  explanation:\"La masse et le centrage doivent respecter les limites op\u00e9rationnelles de l'a\u00e9ronef.\"\n},\n\n{\n  metier:\"chef-escale\",\n  module:\"6\",\n  question:\"En cas de retard important, le chef d'escale doit d'abord :\",\n  answers:[\n    \"Identifier la cause et coordonner les actions\",\n    \"Ignorer les passagers\",\n    \"Fermer les comptoirs imm\u00e9diatement\",\n    \"Supprimer tous les bagages\"\n  ],\n  correct:0,\n  explanation:\"Une bonne gestion du retard commence par l'identification de la situation puis la coordination des actions correctives.\"\n},\n\n{\n  metier:\"chef-escale\",\n  module:\"7\",\n  question:\"En situation de crise, quelle attitude est appropri\u00e9e ?\",\n  answers:[\n    \"Coordonner, communiquer et appliquer les proc\u00e9dures\",\n    \"Improviser sans v\u00e9rifier\",\n    \"Ne transmettre aucune information\",\n    \"Quitter l'escale\"\n  ],\n  correct:0,\n  explanation:\"La gestion de crise repose sur les proc\u00e9dures, la coordination et une communication ma\u00eetris\u00e9e.\"\n},\n\n{\n  metier:\"chef-escale\",\n  module:\"8\",\n  question:\"Un bon leadership op\u00e9rationnel implique notamment :\",\n  answers:[\n    \"Donner des consignes claires et suivre leur ex\u00e9cution\",\n    \"\u00c9viter toute communication avec l'\u00e9quipe\",\n    \"Ne jamais d\u00e9l\u00e9guer\",\n    \"Changer de proc\u00e9dure sans autorisation\"\n  ],\n  correct:0,\n  explanation:\"Le responsable doit organiser, communiquer, d\u00e9cider et contr\u00f4ler l'ex\u00e9cution des t\u00e2ches.\"\n},\n\n{\n  metier:\"agent-escale\",\n  module:\"1\",\n  question:\"Quelle est une mission essentielle de l'agent d'escale ?\",\n  answers:[\n    \"Accueillir et orienter les passagers\",\n    \"Piloter l'a\u00e9ronef\",\n    \"Assurer la maintenance moteur\",\n    \"G\u00e9rer la tour de contr\u00f4le\"\n  ],\n  correct:0,\n  explanation:\"L'agent d'escale prend en charge diff\u00e9rentes \u00e9tapes du parcours passager au sol.\"\n},\n\n{\n  metier:\"agent-escale\",\n  module:\"2\",\n  question:\"Lors de l'enregistrement, l'agent v\u00e9rifie notamment :\",\n  answers:[\n    \"Les documents de voyage et les conditions d'acceptation\",\n    \"La licence du contr\u00f4leur a\u00e9rien\",\n    \"Le moteur de l'avion\",\n    \"Le stock du duty free\"\n  ],\n  correct:0,\n  explanation:\"Le contr\u00f4le documentaire fait partie des op\u00e9rations essentielles d'enregistrement.\"\n},\n\n{\n  metier:\"chef-cabine\",\n  module:\"1\",\n  question:\"Le chef de cabine est responsable principalement :\",\n  answers:[\n    \"De la coordination de l'\u00e9quipage cabine\",\n    \"Du contr\u00f4le a\u00e9rien\",\n    \"De la maintenance moteur\",\n    \"Du chargement fret\"\n  ],\n  correct:0,\n  explanation:\"Le chef de cabine supervise et coordonne les activit\u00e9s de l'\u00e9quipage commercial.\"\n},\n\n{\n  metier:\"reservation\",\n  module:\"1\",\n  question:\"Une r\u00e9servation a\u00e9rienne doit comporter notamment :\",\n  answers:[\n    \"Des informations exactes sur le passager et l'itin\u00e9raire\",\n    \"Uniquement le pr\u00e9nom du client\",\n    \"Le num\u00e9ro de s\u00e9rie de l'avion\",\n    \"Le nom du m\u00e9canicien\"\n  ],\n  correct:0,\n  explanation:\"Une r\u00e9servation correcte repose sur des informations fiables concernant le passager, les vols et les services.\"\n},\n\n{\n  metier:\"commercial\",\n  module:\"1\",\n  question:\"L'agent commercial doit avant tout :\",\n  answers:[\n    \"Identifier le besoin du client et proposer une solution adapt\u00e9e\",\n    \"Vendre syst\u00e9matiquement le produit le plus cher\",\n    \"Ignorer les conditions tarifaires\",\n    \"Refuser toute comparaison\"\n  ],\n  correct:0,\n  explanation:\"Une bonne d\u00e9marche commerciale commence par l'analyse du besoin du client.\"\n},\n\n{\n  metier:\"representant\",\n  module:\"1\",\n  question:\"Le repr\u00e9sentant r\u00e9gional agit notamment comme :\",\n  answers:[\n    \"Relais op\u00e9rationnel et commercial de l'entreprise\",\n    \"Contr\u00f4leur a\u00e9rien\",\n    \"M\u00e9canicien avion\",\n    \"Commandant de bord\"\n  ],\n  correct:0,\n  explanation:\"Le repr\u00e9sentant r\u00e9gional assure la repr\u00e9sentation, le d\u00e9veloppement et la coordination sur son territoire.\"\n},\n\n{\n  metier:\"cargo\",\n  module:\"1\",\n  question:\"Le fret a\u00e9rien concerne :\",\n  answers:[\n    \"Le transport de marchandises par avion\",\n    \"Uniquement le transport des \u00e9quipages\",\n    \"La vente des si\u00e8ges passagers\",\n    \"La navigation maritime\"\n  ],\n  correct:0,\n  explanation:\"Le fret a\u00e9rien correspond au transport de marchandises par voie a\u00e9rienne.\"\n},\n\n{\n  metier:\"duty-manager\",\n  module:\"1\",\n  question:\"Le Duty Manager assure principalement :\",\n  answers:[\n    \"La supervision op\u00e9rationnelle pendant sa permanence\",\n    \"La conception des moteurs\",\n    \"La construction des pistes\",\n    \"Le pilotage des avions\"\n  ],\n  correct:0,\n  explanation:\"Le Duty Manager supervise les op\u00e9rations et g\u00e8re les situations n\u00e9cessitant une d\u00e9cision ou une escalade.\"\n}\n\n];\n\n\nlet quizQuestions = [];\nlet currentIndex = 0;\nlet score = 0;\nlet answered = false;\n\n\nconst metierSelect = document.getElementById(\"mza-metier\");\nconst moduleSelect = document.getElementById(\"mza-module\");\nconst numberSelect = document.getElementById(\"mza-number\");\n\nconst startButton = document.getElementById(\"mza-start-btn\");\nconst nextButton = document.getElementById(\"mza-next-btn\");\nconst restartButton = document.getElementById(\"mza-restart-btn\");\n\nconst selectorZone = document.getElementById(\"mza-selector-zone\");\nconst quizZone = document.getElementById(\"mza-quiz-zone\");\nconst resultZone = document.getElementById(\"mza-result-zone\");\n\nconst message = document.getElementById(\"mza-message\");\n\nconst questionElement = document.getElementById(\"mza-question\");\nconst optionsElement = document.getElementById(\"mza-options\");\nconst feedbackElement = document.getElementById(\"mza-feedback\");\n\nconst currentElement = document.getElementById(\"mza-current\");\nconst totalElement = document.getElementById(\"mza-total\");\nconst scoreElement = document.getElementById(\"mza-score\");\n\n\nfunction shuffle(array){\n\n  let result = array.slice();\n\n  for(let i=result.length-1;i>0;i--){\n\n    const j = Math.floor(Math.random()*(i+1));\n\n    [result[i],result[j]]=[result[j],result[i]];\n  }\n\n  return result;\n}\n\n\nfunction readURLParameters(){\n\n  const params = new URLSearchParams(window.location.search);\n\n  const metier = params.get(\"metier\");\n  const module = params.get(\"module\");\n  const nombre = params.get(\"nombre\");\n\n  if(metier){\n    metierSelect.value = metier;\n  }\n\n  if(module){\n    moduleSelect.value = module;\n  }\n\n  if(nombre){\n    numberSelect.value = nombre;\n  }\n\n  if(params.get(\"start\")===\"1\" && metier){\n    startQuiz();\n  }\n}\n\n\nfunction startQuiz(){\n\n  const metier = metierSelect.value;\n  const module = moduleSelect.value;\n  const requestedNumber = parseInt(numberSelect.value,10);\n\n  message.innerHTML = \"\";\n\n  if(!metier){\n\n    message.innerHTML = \"Veuillez choisir un m\u00e9tier.\";\n    message.style.color = \"#b91c1c\";\n\n    return;\n  }\n\n  let filtered = QUESTION_BANK.filter(function(q){\n    return q.metier === metier;\n  });\n\n  if(module !== \"all\"){\n\n    filtered = filtered.filter(function(q){\n      return q.module === module;\n    });\n\n  }\n\n  if(filtered.length === 0){\n\n    message.innerHTML =\n      \"Aucune question disponible pour ce m\u00e9tier et ce module.\";\n\n    message.style.color = \"#b91c1c\";\n\n    return;\n  }\n\n  filtered = shuffle(filtered);\n\n  quizQuestions = filtered.slice(\n    0,\n    Math.min(requestedNumber,filtered.length)\n  );\n\n  currentIndex = 0;\n  score = 0;\n\n  selectorZone.style.display = \"none\";\n  resultZone.style.display = \"none\";\n  quizZone.style.display = \"block\";\n\n  totalElement.innerText = quizQuestions.length;\n  scoreElement.innerText = \"0\";\n\n  displayQuestion();\n}\n\n\nfunction displayQuestion(){\n\n  answered = false;\n\n  nextButton.style.display = \"none\";\n\n  feedbackElement.style.display = \"none\";\n  feedbackElement.innerHTML = \"\";\n\n  optionsElement.innerHTML = \"\";\n\n  const q = quizQuestions[currentIndex];\n\n  currentElement.innerText = currentIndex + 1;\n\n  questionElement.innerText = q.question;\n\n  q.answers.forEach(function(answer,index){\n\n    const button = document.createElement(\"button\");\n\n    button.type = \"button\";\n    button.className = \"mza-option\";\n    button.innerText = answer;\n\n    button.addEventListener(\"click\",function(){\n\n      selectAnswer(index,button);\n\n    });\n\n    optionsElement.appendChild(button);\n\n  });\n}\n\n\nfunction selectAnswer(index,button){\n\n  if(answered){\n    return;\n  }\n\n  answered = true;\n\n  const q = quizQuestions[currentIndex];\n\n  const buttons =\n    optionsElement.querySelectorAll(\".mza-option\");\n\n  buttons.forEach(function(btn,i){\n\n    btn.disabled = true;\n\n    if(i === q.correct){\n      btn.classList.add(\"correct\");\n    }\n\n  });\n\n  if(index === q.correct){\n\n    score++;\n\n    scoreElement.innerText = score;\n\n    feedbackElement.style.background = \"#dcfce7\";\n    feedbackElement.style.color = \"#166534\";\n\n    feedbackElement.innerHTML =\n      \"<strong>Bonne r\u00e9ponse.<\/strong><br>\" +\n      q.explanation;\n\n  }else{\n\n    button.classList.add(\"wrong\");\n\n    feedbackElement.style.background = \"#fee2e2\";\n    feedbackElement.style.color = \"#991b1b\";\n\n    feedbackElement.innerHTML =\n      \"<strong>R\u00e9ponse incorrecte.<\/strong><br>\" +\n      q.explanation;\n\n  }\n\n  feedbackElement.style.display = \"block\";\n\n  nextButton.style.display = \"block\";\n\n  if(currentIndex === quizQuestions.length-1){\n    nextButton.innerText = \"Voir mon r\u00e9sultat\";\n  }else{\n    nextButton.innerText = \"Question suivante\";\n  }\n}\n\n\nfunction nextQuestion(){\n\n  if(!answered){\n    return;\n  }\n\n  currentIndex++;\n\n  if(currentIndex >= quizQuestions.length){\n\n    showResult();\n\n    return;\n  }\n\n  displayQuestion();\n}\n\n\nfunction showResult(){\n\n  quizZone.style.display = \"none\";\n  resultZone.style.display = \"block\";\n\n  const total = quizQuestions.length;\n\n  const percentage =\n    Math.round((score\/total)*100);\n\n  document.getElementById(\"mza-final-score\").innerText =\n    score + \" \/ \" + total +\n    \" \u2014 \" + percentage + \"%\";\n\n  const finalMessage =\n    document.getElementById(\"mza-final-message\");\n\n  if(percentage >= 80){\n\n    finalMessage.innerHTML =\n      \"<strong>Excellent r\u00e9sultat.<\/strong> Vous ma\u00eetrisez tr\u00e8s bien ce niveau.\";\n\n  }else if(percentage >= 70){\n\n    finalMessage.innerHTML =\n      \"<strong>R\u00e9ussite.<\/strong> Niveau satisfaisant.\";\n\n  }else if(percentage >= 50){\n\n    finalMessage.innerHTML =\n      \"<strong>\u00c0 renforcer.<\/strong> Revoyez certains modules avant l'examen.\";\n\n  }else{\n\n    finalMessage.innerHTML =\n      \"<strong>Formation \u00e0 poursuivre.<\/strong> Consultez les cours puis recommencez le QCM.\";\n\n  }\n}\n\n\nfunction restartQuiz(){\n\n  resultZone.style.display = \"none\";\n  quizZone.style.display = \"none\";\n  selectorZone.style.display = \"block\";\n\n  message.innerHTML = \"\";\n\n  window.scrollTo({\n    top:0,\n    behavior:\"smooth\"\n  });\n}\n\n\nstartButton.addEventListener(\"click\",startQuiz);\nnextButton.addEventListener(\"click\",nextQuestion);\nrestartButton.addEventListener(\"click\",restartQuiz);\n\nreadURLParameters();\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Accueil Formations Cours QCM Examens Biblioth\u00e8que Espace apprenant QCM &#038; Quiz Choisissez votre m\u00e9tier, votre module et le nombre de questions. M\u00e9tier Choisir un m\u00e9tierAgent d&rsquo;escaleChef d&rsquo;escaleChef de cabineAgent de r\u00e9servationAgent commercialRepr\u00e9sentant r\u00e9gionalFret &#038; CargoDuty Manager Module Tous les modulesModule 1Module 2Module 3Module 4Module 5Module 6Module 7Module 8 Nombre de questions 10 questions20 questions30 questions40 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3253","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/3253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/comments?post=3253"}],"version-history":[{"count":9,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/3253\/revisions"}],"predecessor-version":[{"id":3413,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/3253\/revisions\/3413"}],"wp:attachment":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/media?parent=3253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}