Quiz : Vrai Amour<\/title>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n<style>\n body { font-family: Arial, sans-serif; padding:20px; background:#f9f9f9; max-width:700px; margin:auto; }\n #quiz, #result { display:none; }\n button { cursor:pointer; }\n #answers button { transition:0.3s; }\n #progress-container { width:100%; background:#ddd; height:20px; border-radius:10px; margin:10px 0; }\n #progress-bar { height:100%; background:#4CAF50; width:0%; border-radius:10px; transition:0.3s; }\n @media(max-width:600px){\n body{padding:10px;}\n #user-email{width:100%;}\n button{width:100%;}\n }\n<\/style>\n<\/head>\n<body>\n\n<div id=\"email-section\">\n <h2>Entrez votre email pour commencer le quiz :<\/h2>\n <input type=\"email\" id=\"user-email\" placeholder=\"Votre email\" style=\"padding:8px; width:300px;\">\n <button id=\"start-quiz\" style=\"padding:10px 20px;\">Commencer<\/button>\n<\/div>\n\n<div id=\"quiz\">\n <h2 id=\"question\"><\/h2>\n <div id=\"answers\"><\/div>\n <button id=\"next-btn\" style=\"padding:10px 20px; margin-top:10px;\">Question suivante<\/button>\n <div id=\"progress-container\">\n <div id=\"progress-bar\"><\/div>\n <\/div>\n <div id=\"progress-text\"><\/div>\n<\/div>\n\n<div id=\"result\">\n <h2>R\u00e9sultat du quiz :<\/h2>\n <p id=\"score-text\"><\/p>\n <button id=\"download-certificate\" style=\"padding:10px 20px;\">T\u00e9l\u00e9charger le certificat<\/button>\n<\/div>\n\n<script>\nlet jsPDFInstance;\nwindow.jspdf && (jsPDFInstance = window.jspdf.jsPDF);\n\nconst questions = [\n {q:\"Est-ce que la peur de l'engagement affecte la recherche de l'amour ?\", a:[\"Oui, beaucoup de gens h\u00e9sitent\",\"Non, cela n'a pas d'impact\",\"Seulement pour certaines personnes\",\"Je ne sais pas\"], correct:0},\n {q:\"Le monde moderne favorise-t-il les relations superficielles ?\", a:[\"Oui, les rencontres rapides sont courantes\",\"Non, tout est profond aujourd'hui\",\"Cela d\u00e9pend des cultures\",\"Aucune id\u00e9e\"], correct:0},\n {q:\"L'utilisation excessive des r\u00e9seaux sociaux rend-elle difficile de trouver le vrai amour ?\", a:[\"Oui, comparaison constante\",\"Non, c'est b\u00e9n\u00e9fique\",\"Seulement pour les jeunes\",\"Je ne sais pas\"], correct:0},\n {q:\"Le stress et le rythme de vie rapide impactent-ils les relations ?\", a:[\"Oui, cela r\u00e9duit le temps pour rencontrer\",\"Non, cela n'a pas d'effet\",\"Seulement parfois\",\"Je ne sais pas\"], correct:0},\n {q:\"Le manque de communication honn\u00eate est-il un obstacle ?\", a:[\"Oui, c'est essentiel pour construire l'amour\",\"Non, ce n'est pas important\",\"Seulement pour certaines personnes\",\"Je ne sais pas\"], correct:0}\n];\n\nlet currentQuestion = 0;\nlet score = 0;\n\nconst startBtn = document.getElementById(\"start-quiz\");\nconst emailInput = document.getElementById(\"user-email\");\n\nstartBtn.addEventListener(\"click\", ()=>{\n const email = emailInput.value.trim();\n if(!email){ alert(\"Veuillez entrer votre email\"); return; }\n document.getElementById(\"email-section\").style.display=\"none\";\n document.getElementById(\"quiz\").style.display=\"block\";\n showQuestion();\n});\n\nfunction showQuestion(){\n const q = questions[currentQuestion];\n document.getElementById(\"question\").innerText = q.q;\n const answersDiv = document.getElementById(\"answers\");\n answersDiv.innerHTML = \"\";\n q.a.forEach((answer, i)=>{\n const btn = document.createElement(\"button\");\n btn.innerText = answer;\n btn.style.cssText = \"display:block;margin:5px 0;padding:10px;width:100%;border-radius:5px;border:1px solid #ccc;background:#fff;color:#000;cursor:pointer;\";\n btn.onclick = ()=> selectAnswer(i);\n answersDiv.appendChild(btn);\n });\n document.getElementById(\"next-btn\").style.display=\"none\";\n updateProgress();\n}\n\nfunction selectAnswer(selectedIndex){\n const q = questions[currentQuestion];\n if(selectedIndex === q.correct) score++;\n const btns = document.getElementById(\"answers\").children;\n for(let j=0;j<btns.length;j++){\n btns[j].disabled=true;\n if(j===q.correct) btns[j].style.background=\"#4CAF50\";\n else btns[j].style.background=\"#f44336\";\n btns[j].style.color=\"#fff\";\n }\n document.getElementById(\"next-btn\").style.display=\"block\";\n}\n\ndocument.getElementById(\"next-btn\").addEventListener(\"click\", ()=>{\n currentQuestion++;\n if(currentQuestion < questions.length) showQuestion();\n else showResult();\n});\n\nfunction updateProgress(){\n const progress = ((currentQuestion+1)\/questions.length)*100;\n document.getElementById(\"progress-bar\").style.width = progress+\"%\";\n document.getElementById(\"progress-text\").innerText = `Question ${currentQuestion+1} \/ ${questions.length}`;\n}\n\nfunction showResult(){\n document.getElementById(\"quiz\").style.display=\"none\";\n document.getElementById(\"result\").style.display=\"block\";\n let level = \"\";\n if(score <= 1) level = \"D\u00e9butant\";\n else if(score <= 3) level = \"Interm\u00e9diaire\";\n else level = \"Expert\";\n document.getElementById(\"score-text\").innerHTML=`Votre score : ${score} \/ ${questions.length} <br> Niveau : ${level}`;\n}\n\ndocument.getElementById(\"download-certificate\").addEventListener(\"click\", ()=>{\n if(!jsPDFInstance){ alert(\"Erreur PDF\"); return; }\n const doc = new jsPDFInstance();\n const today = new Date();\n const dateStr = today.toLocaleDateString();\n const email = emailInput.value;\n doc.setFontSize(22);\n doc.text(\"Certificat de r\u00e9ussite\", 105, 40, {align:\"center\"});\n doc.setFontSize(16);\n doc.text(`Nom du test : Pourquoi est-il difficile de trouver le vrai amour ?`, 105, 60, {align:\"center\"});\n doc.text(`Email : ${email}`, 105, 70, {align:\"center\"});\n doc.text(`Score : ${score} \/ ${questions.length}`, 105, 80, {align:\"center\"});\n doc.text(`URL : ${window.location.href}`, 105, 90, {align:\"center\"});\n doc.text(`Date : ${dateStr}`, 105, 100, {align:\"center\"});\n doc.text(\"Cr\u00e9\u00e9 par Guido Saverio\", 105, 120, {align:\"center\"});\n doc.save(\"certificat.pdf\");\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Quiz : Vrai Amour Entrez votre email pour commencer le quiz : Commencer Question suivante R\u00e9sultat du quiz : T\u00e9l\u00e9charger le certificat<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1719","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/comments?post=1719"}],"version-history":[{"count":14,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1719\/revisions"}],"predecessor-version":[{"id":1737,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1719\/revisions\/1737"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}