Quiz : Programmez votre r\u00e9ussite<\/title>\n<style>\n body {\n font-family: Arial, sans-serif;\n background: linear-gradient(to right, #e0f7fa, #e8f5e9);\n padding: 20px;\n }\n .quiz-container {\n background: #fff;\n padding: 25px;\n border-radius: 15px;\n max-width: 650px;\n margin: auto;\n box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n transition: all 0.3s ease;\n }\n h1 { text-align: center; color: #333; margin-bottom: 20px; }\n .question { margin-bottom: 15px; font-weight: bold; font-size: 18px; }\n .options button {\n display: block;\n width: 100%;\n padding: 12px;\n margin: 8px 0;\n border: none;\n border-radius: 10px;\n background-color: #4caf50;\n color: white;\n font-size: 16px;\n cursor: pointer;\n transition: 0.2s;\n }\n .options button:hover { background-color: #45a049; transform: scale(1.02); }\n .progress-bar-container {\n width: 100%;\n background-color: #ddd;\n border-radius: 20px;\n margin-bottom: 20px;\n }\n .progress-bar {\n height: 12px;\n width: 0%;\n background-color: #4caf50;\n border-radius: 20px;\n transition: width 0.3s ease;\n }\n .result {\n text-align: center;\n font-size: 18px;\n font-weight: bold;\n margin-top: 20px;\n padding: 18px;\n border-radius: 12px;\n background-color: #e7f3fe;\n color: #31708f;\n }\n .restart-btn {\n display: block;\n margin: 20px auto 0 auto;\n padding: 12px 25px;\n font-size: 16px;\n border: none;\n border-radius: 10px;\n background-color: #2196f3;\n color: white;\n cursor: pointer;\n transition: 0.2s;\n }\n .restart-btn:hover { background-color: #1976d2; }\n .selected-answer {\n font-style: italic;\n margin-top: 5px;\n color: #555;\n animation: fadeIn 0.5s ease;\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"quiz-container\">\n <h1>Programmez votre r\u00e9ussite<\/h1>\n <div class=\"progress-bar-container\">\n <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\n <\/div>\n <div id=\"quiz\"><\/div>\n <div id=\"result\" class=\"result\"><\/div>\n <button id=\"restart\" class=\"restart-btn\" style=\"display:none;\" onclick=\"restartQuiz()\">Recommencer<\/button>\n<\/div>\n\n<script>\nconst quizData = [\n {\n question: \"Quel est votre objectif principal pour les 6 prochains mois ?\",\n options: [\n { text: \"Je n\u2019en ai pas vraiment.\", value: \"A\" },\n { text: \"J\u2019ai une id\u00e9e vague, mais pas de plan pr\u00e9cis.\", value: \"B\" },\n { text: \"J\u2019ai un objectif clair et je sais comment le suivre.\", value: \"C\" }\n ]\n },\n {\n question: \"\u00c0 quelle fr\u00e9quence vous imaginez-vous atteindre vos objectifs avec succ\u00e8s ?\",\n options: [\n { text: \"Jamais.\", value: \"A\" },\n { text: \"Parfois, quand j\u2019y pense.\", value: \"B\" },\n { text: \"R\u00e9guli\u00e8rement, je prends le temps de visualiser chaque d\u00e9tail.\", value: \"C\" }\n ]\n },\n {\n question: \"Utilisez-vous des affirmations positives pour vous motiver et programmer votre r\u00e9ussite ?\",\n options: [\n { text: \"Non, jamais.\", value: \"A\" },\n { text: \"Parfois, mais je ne suis pas constant.\", value: \"B\" },\n { text: \"Oui, chaque jour, avec conviction.\", value: \"C\" }\n ]\n },\n {\n question: \"Quand vous rencontrez un obstacle majeur :\",\n options: [\n { text: \"Je me d\u00e9courage et abandonne souvent.\", value: \"A\" },\n { text: \"Je pers\u00e9v\u00e8re parfois, mais je doute beaucoup.\", value: \"B\" },\n { text: \"Je consid\u00e8re chaque obstacle comme une opportunit\u00e9 et je continue.\", value: \"C\" }\n ]\n },\n {\n question: \"Votre entourage vous soutient-il dans vos objectifs ?\",\n options: [\n { text: \"Pas vraiment, je me sens souvent seul(e).\", value: \"A\" },\n { text: \"Parfois, mais pas syst\u00e9matiquement.\", value: \"B\" },\n { text: \"Oui, je suis entour\u00e9(e) de personnes motivantes et inspirantes.\", value: \"C\" }\n ]\n }\n];\n\nlet currentQuestion = 0;\nlet score = { A: 0, B: 0, C: 0 };\n\nfunction loadQuestion() {\n const quizDiv = document.getElementById(\"quiz\");\n quizDiv.innerHTML = \"\";\n document.getElementById(\"result\").textContent = \"\";\n\n if(currentQuestion >= quizData.length) {\n showResult();\n return;\n }\n\n const q = quizData[currentQuestion];\n\n const questionEl = document.createElement(\"div\");\n questionEl.className = \"question\";\n questionEl.textContent = q.question;\n quizDiv.appendChild(questionEl);\n\n const optionsDiv = document.createElement(\"div\");\n optionsDiv.className = \"options\";\n\n q.options.forEach(opt => {\n const btn = document.createElement(\"button\");\n btn.textContent = opt.text;\n btn.onclick = () => {\n score[opt.value]++;\n showSelectedAnswer(opt.text);\n currentQuestion++;\n updateProgressBar();\n setTimeout(loadQuestion, 500); \/\/ animation pause\n };\n optionsDiv.appendChild(btn);\n });\n\n quizDiv.appendChild(optionsDiv);\n}\n\nfunction showSelectedAnswer(answer) {\n const quizDiv = document.getElementById(\"quiz\");\n const selected = document.createElement(\"div\");\n selected.className = \"selected-answer\";\n selected.textContent = \"Vous avez choisi : \" + answer;\n quizDiv.appendChild(selected);\n}\n\nfunction updateProgressBar() {\n const bar = document.getElementById(\"progress-bar\");\n const percent = ((currentQuestion)\/quizData.length)*100;\n bar.style.width = percent + \"%\";\n}\n\nfunction showResult() {\n const resultDiv = document.getElementById(\"result\");\n let highest = Object.keys(score).reduce((a,b) => score[a] > score[b] ? a : b);\n let message = \"\";\n if(highest === \"A\") {\n message = \"Niveau D\u00e9butant : Commencez par d\u00e9finir clairement vos objectifs et pratiquez la visualisation quotidienne.\";\n } else if(highest === \"B\") {\n message = \"Niveau Interm\u00e9diaire : Vous \u00eates sur la bonne voie, mais manquez de r\u00e9gularit\u00e9. Renforcez vos habitudes de r\u00e9ussite.\";\n } else {\n message = \"Niveau Avanc\u00e9 : F\u00e9licitations ! Vous avez int\u00e9gr\u00e9 les principes de r\u00e9ussite. Continuez \u00e0 renforcer vos routines mentales.\";\n }\n document.getElementById(\"quiz\").innerHTML = \"\";\n resultDiv.textContent = message;\n document.getElementById(\"restart\").style.display = \"block\";\n}\n\nfunction restartQuiz() {\n currentQuestion = 0;\n score = { A: 0, B: 0, C: 0 };\n document.getElementById(\"restart\").style.display = \"none\";\n updateProgressBar();\n loadQuestion();\n}\n\nloadQuestion();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Quiz : Programmez votre r\u00e9ussite Programmez votre r\u00e9ussite Recommencer<\/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-1407","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1407","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=1407"}],"version-history":[{"count":3,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1407\/revisions"}],"predecessor-version":[{"id":1410,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1407\/revisions\/1410"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1407,"date":"2025-11-30T16:00:55","date_gmt":"2025-11-30T16:00:55","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1407"},"modified":"2025-11-30T16:04:57","modified_gmt":"2025-11-30T16:04:57","slug":"1407-2","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/1407-2\/","title":{"rendered":"QUIZ – sur le th\u00e8me de \u00ab Pensez et Devenez \u00bb"},"content":{"rendered":"\n\n\n\n\n\nQuiz : Programmez votre r\u00e9ussite<\/title>\n<style>\n body {\n font-family: Arial, sans-serif;\n background: linear-gradient(to right, #e0f7fa, #e8f5e9);\n padding: 20px;\n }\n .quiz-container {\n background: #fff;\n padding: 25px;\n border-radius: 15px;\n max-width: 650px;\n margin: auto;\n box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n transition: all 0.3s ease;\n }\n h1 { text-align: center; color: #333; margin-bottom: 20px; }\n .question { margin-bottom: 15px; font-weight: bold; font-size: 18px; }\n .options button {\n display: block;\n width: 100%;\n padding: 12px;\n margin: 8px 0;\n border: none;\n border-radius: 10px;\n background-color: #4caf50;\n color: white;\n font-size: 16px;\n cursor: pointer;\n transition: 0.2s;\n }\n .options button:hover { background-color: #45a049; transform: scale(1.02); }\n .progress-bar-container {\n width: 100%;\n background-color: #ddd;\n border-radius: 20px;\n margin-bottom: 20px;\n }\n .progress-bar {\n height: 12px;\n width: 0%;\n background-color: #4caf50;\n border-radius: 20px;\n transition: width 0.3s ease;\n }\n .result {\n text-align: center;\n font-size: 18px;\n font-weight: bold;\n margin-top: 20px;\n padding: 18px;\n border-radius: 12px;\n background-color: #e7f3fe;\n color: #31708f;\n }\n .restart-btn {\n display: block;\n margin: 20px auto 0 auto;\n padding: 12px 25px;\n font-size: 16px;\n border: none;\n border-radius: 10px;\n background-color: #2196f3;\n color: white;\n cursor: pointer;\n transition: 0.2s;\n }\n .restart-btn:hover { background-color: #1976d2; }\n .selected-answer {\n font-style: italic;\n margin-top: 5px;\n color: #555;\n animation: fadeIn 0.5s ease;\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"quiz-container\">\n <h1>Programmez votre r\u00e9ussite<\/h1>\n <div class=\"progress-bar-container\">\n <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\n <\/div>\n <div id=\"quiz\"><\/div>\n <div id=\"result\" class=\"result\"><\/div>\n <button id=\"restart\" class=\"restart-btn\" style=\"display:none;\" onclick=\"restartQuiz()\">Recommencer<\/button>\n<\/div>\n\n<script>\nconst quizData = [\n {\n question: \"Quel est votre objectif principal pour les 6 prochains mois ?\",\n options: [\n { text: \"Je n\u2019en ai pas vraiment.\", value: \"A\" },\n { text: \"J\u2019ai une id\u00e9e vague, mais pas de plan pr\u00e9cis.\", value: \"B\" },\n { text: \"J\u2019ai un objectif clair et je sais comment le suivre.\", value: \"C\" }\n ]\n },\n {\n question: \"\u00c0 quelle fr\u00e9quence vous imaginez-vous atteindre vos objectifs avec succ\u00e8s ?\",\n options: [\n { text: \"Jamais.\", value: \"A\" },\n { text: \"Parfois, quand j\u2019y pense.\", value: \"B\" },\n { text: \"R\u00e9guli\u00e8rement, je prends le temps de visualiser chaque d\u00e9tail.\", value: \"C\" }\n ]\n },\n {\n question: \"Utilisez-vous des affirmations positives pour vous motiver et programmer votre r\u00e9ussite ?\",\n options: [\n { text: \"Non, jamais.\", value: \"A\" },\n { text: \"Parfois, mais je ne suis pas constant.\", value: \"B\" },\n { text: \"Oui, chaque jour, avec conviction.\", value: \"C\" }\n ]\n },\n {\n question: \"Quand vous rencontrez un obstacle majeur :\",\n options: [\n { text: \"Je me d\u00e9courage et abandonne souvent.\", value: \"A\" },\n { text: \"Je pers\u00e9v\u00e8re parfois, mais je doute beaucoup.\", value: \"B\" },\n { text: \"Je consid\u00e8re chaque obstacle comme une opportunit\u00e9 et je continue.\", value: \"C\" }\n ]\n },\n {\n question: \"Votre entourage vous soutient-il dans vos objectifs ?\",\n options: [\n { text: \"Pas vraiment, je me sens souvent seul(e).\", value: \"A\" },\n { text: \"Parfois, mais pas syst\u00e9matiquement.\", value: \"B\" },\n { text: \"Oui, je suis entour\u00e9(e) de personnes motivantes et inspirantes.\", value: \"C\" }\n ]\n }\n];\n\nlet currentQuestion = 0;\nlet score = { A: 0, B: 0, C: 0 };\n\nfunction loadQuestion() {\n const quizDiv = document.getElementById(\"quiz\");\n quizDiv.innerHTML = \"\";\n document.getElementById(\"result\").textContent = \"\";\n\n if(currentQuestion >= quizData.length) {\n showResult();\n return;\n }\n\n const q = quizData[currentQuestion];\n\n const questionEl = document.createElement(\"div\");\n questionEl.className = \"question\";\n questionEl.textContent = q.question;\n quizDiv.appendChild(questionEl);\n\n const optionsDiv = document.createElement(\"div\");\n optionsDiv.className = \"options\";\n\n q.options.forEach(opt => {\n const btn = document.createElement(\"button\");\n btn.textContent = opt.text;\n btn.onclick = () => {\n score[opt.value]++;\n showSelectedAnswer(opt.text);\n currentQuestion++;\n updateProgressBar();\n setTimeout(loadQuestion, 500); \/\/ animation pause\n };\n optionsDiv.appendChild(btn);\n });\n\n quizDiv.appendChild(optionsDiv);\n}\n\nfunction showSelectedAnswer(answer) {\n const quizDiv = document.getElementById(\"quiz\");\n const selected = document.createElement(\"div\");\n selected.className = \"selected-answer\";\n selected.textContent = \"Vous avez choisi : \" + answer;\n quizDiv.appendChild(selected);\n}\n\nfunction updateProgressBar() {\n const bar = document.getElementById(\"progress-bar\");\n const percent = ((currentQuestion)\/quizData.length)*100;\n bar.style.width = percent + \"%\";\n}\n\nfunction showResult() {\n const resultDiv = document.getElementById(\"result\");\n let highest = Object.keys(score).reduce((a,b) => score[a] > score[b] ? a : b);\n let message = \"\";\n if(highest === \"A\") {\n message = \"Niveau D\u00e9butant : Commencez par d\u00e9finir clairement vos objectifs et pratiquez la visualisation quotidienne.\";\n } else if(highest === \"B\") {\n message = \"Niveau Interm\u00e9diaire : Vous \u00eates sur la bonne voie, mais manquez de r\u00e9gularit\u00e9. Renforcez vos habitudes de r\u00e9ussite.\";\n } else {\n message = \"Niveau Avanc\u00e9 : F\u00e9licitations ! Vous avez int\u00e9gr\u00e9 les principes de r\u00e9ussite. Continuez \u00e0 renforcer vos routines mentales.\";\n }\n document.getElementById(\"quiz\").innerHTML = \"\";\n resultDiv.textContent = message;\n document.getElementById(\"restart\").style.display = \"block\";\n}\n\nfunction restartQuiz() {\n currentQuestion = 0;\n score = { A: 0, B: 0, C: 0 };\n document.getElementById(\"restart\").style.display = \"none\";\n updateProgressBar();\n loadQuestion();\n}\n\nloadQuestion();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Quiz : Programmez votre r\u00e9ussite Programmez votre r\u00e9ussite Recommencer<\/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-1407","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1407","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=1407"}],"version-history":[{"count":3,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1407\/revisions"}],"predecessor-version":[{"id":1410,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1407\/revisions\/1410"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}