Quiz : Est-il amoureux ?<\/title>\n<style>\nbody { font-family: Arial, sans-serif; background: #f0f0f5; color: #333; margin: 0; padding: 20px; }\nh1 { color: #d6336c; text-align: center; margin-bottom: 20px; }\n#quizContainer { max-width: 600px; margin: 0 auto; background: #fff; padding: 25px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); }\n.question { display: none; transition: all 0.5s ease; opacity: 0; }\n.question.active { display: block; opacity: 1; }\nlabel { display: block; margin: 12px 0; cursor: pointer; font-size: 16px; transition: transform 0.2s; }\nlabel:hover { transform: scale(1.05); }\ninput[type=\"radio\"] { margin-right: 10px; }\nbutton { padding: 12px 30px; background: #d6336c; color: #fff; border: none; border-radius: 10px; cursor: pointer; font-size: 16px; transition: transform 0.2s, background 0.3s; }\nbutton:hover { transform: scale(1.05); background: #b52b5c; }\n#result { margin-top: 25px; padding: 25px; border-radius: 15px; text-align: center; font-size: 18px; line-height: 1.6; }\n.progress-container { width: 100%; background: #ddd; border-radius: 10px; overflow: hidden; margin-bottom: 20px; height: 25px; }\n.progress-bar { height: 25px; width: 0%; background: #d6336c; text-align: center; color: #fff; line-height: 25px; font-weight: bold; transition: width 0.5s, background 0.3s; border-radius: 10px; }\n<\/style>\n<\/head>\n<body>\n\n<h1>Comment savoir si un homme est amoureux ?<\/h1>\n\n<div id=\"quizContainer\">\n <div class=\"progress-container\">\n <div class=\"progress-bar\" id=\"progressBar\">0%<\/div>\n <\/div>\n <form id=\"quizForm\"><\/form>\n <button id=\"nextBtn\">Suivant<\/button>\n <div id=\"result\"><\/div>\n<\/div>\n\n<script>\nconst questions = [\n {q: \"1. Quand tu lui parles, comment r\u00e9agit-il ?\", a:[\"\ud83d\ude0a Il m\u2019\u00e9coute attentivement et me r\u00e9pond toujours avec int\u00e9r\u00eat\", \"\ud83d\ude10 Il r\u00e9pond parfois, mais semble distrait\", \"\ud83d\ude14 Il semble souvent ailleurs et ne suit pas la conversation\"]},\n {q: \"2. Comment agit-il quand vous \u00eates ensemble ?\", a:[\"\ud83d\ude0a Il cherche \u00e0 passer du temps avec moi et propose des activit\u00e9s\", \"\ud83d\ude10 Il est l\u00e0 parfois, mais il a souvent d\u2019autres priorit\u00e9s\", \"\ud83d\ude14 Il m\u2019\u00e9vite ou fait semblant d\u2019\u00eatre occup\u00e9\"]},\n {q: \"3. S\u2019int\u00e9resse-t-il \u00e0 ta vie personnelle ?\", a:[\"\ud83d\ude0a Oui, il se souvient de mes go\u00fbts, amis et projets\", \"\ud83d\ude10 Parfois, mais il oublie vite\", \"\ud83d\ude14 Non, il ne pose pas de questions\"]},\n {q: \"4. Comment se comporte-t-il en public ?\", a:[\"\ud83d\ude0a Il est fier d\u2019\u00eatre avec moi et me pr\u00e9sente \u00e0 ses amis\", \"\ud83d\ude10 Il ne montre pas trop d\u2019attachement\", \"\ud83d\ude14 Il \u00e9vite de montrer qu\u2019on se fr\u00e9quente\"]},\n {q: \"5. Te fait-il des compliments sinc\u00e8res ?\", a:[\"\ud83d\ude0a Oui, souvent et de fa\u00e7on spontan\u00e9e\", \"\ud83d\ude10 Parfois, mais c\u2019est rare\", \"\ud83d\ude14 Non, jamais\"]},\n {q: \"6. Comment r\u00e9agit-il quand tu es triste ou contrari\u00e9e ?\", a:[\"\ud83d\ude0a Il essaie de me r\u00e9conforter et de m\u2019aider\", \"\ud83d\ude10 Il me laisse g\u00e9rer seule\", \"\ud83d\ude14 Il semble indiff\u00e9rent\"]},\n {q: \"7. Fait-il des efforts pour te rendre heureuse ?\", a:[\"\ud83d\ude0a Oui, il fait des petites attentions r\u00e9guli\u00e8rement\", \"\ud83d\ude10 Parfois, mais c\u2019est occasionnel\", \"\ud83d\ude14 Non, il ne fait aucun effort\"]},\n {q: \"8. Parle-t-il de l\u2019avenir avec toi ?\", a:[\"\ud83d\ude0a Oui, il inclut souvent nos projets futurs\", \"\ud83d\ude10 Rarement, ou de mani\u00e8re vague\", \"\ud83d\ude14 Jamais\"]},\n {q: \"9. Est-il fid\u00e8le et transparent ?\", a:[\"\ud83d\ude0a Oui, il partage ses sentiments et ses activit\u00e9s\", \"\ud83d\ude10 Il est parfois secret\", \"\ud83d\ude14 Il cache beaucoup de choses\"]},\n {q: \"10. Comment r\u00e9agit-il \u00e0 tes succ\u00e8s ou r\u00e9ussites ?\", a:[\"\ud83d\ude0a Il est fier et me soutient toujours\", \"\ud83d\ude10 Il semble indiff\u00e9rent parfois\", \"\ud83d\ude14 Il est jaloux ou critique\"]}\n];\n\nconst form = document.getElementById('quizForm');\nlet current = 0;\n\nquestions.forEach((item, index) => {\n const div = document.createElement('div');\n div.className = \"question\";\n if(index===0) div.classList.add('active');\n div.innerHTML = `<p>${item.q}<\/p>`;\n item.a.forEach((answer, i) => {\n div.innerHTML += `<label><input type=\"radio\" name=\"q${index}\" value=\"${2-i}\"> ${answer}<\/label>`;\n });\n form.appendChild(div);\n});\n\nconst nextBtn = document.getElementById('nextBtn');\nnextBtn.addEventListener('click', () => {\n const radios = document.getElementsByName('q'+current);\n let answered = false;\n for (let r of radios) if(r.checked) answered = true;\n if(!answered) { alert('Veuillez choisir une r\u00e9ponse.'); return; }\n\n const questionsEls = document.querySelectorAll('.question');\n questionsEls[current].classList.remove('active');\n current++;\n updateProgress();\n if(current<questions.length){\n questionsEls[current].classList.add('active');\n } else {\n calculateScore();\n nextBtn.style.display = 'none';\n }\n});\n\nfunction updateProgress() {\n const progress = Math.round((current\/questions.length)*100);\n const bar = document.getElementById('progressBar');\n bar.style.width = progress+'%';\n bar.textContent = progress+'%';\n if(progress>=80) bar.style.background = '#28a745';\n else if(progress>=50) bar.style.background = '#ffc107';\n else bar.style.background = '#dc3545';\n}\n\nfunction calculateScore() {\n let score = 0;\n for(let i=0;i<questions.length;i++){\n const radios = document.getElementsByName('q'+i);\n for(let r of radios){\n if(r.checked) score += parseInt(r.value);\n }\n }\n\n const bar = document.getElementById('progressBar');\n bar.style.width = '100%';\n bar.textContent = '100%';\n bar.style.background = '#28a745';\n\n let resultText = '';\n if(score>=16){\n resultText = '<h2>Tr\u00e8s amoureux \u2764\ufe0f<\/h2><p>Il est probablement sinc\u00e8rement amoureux et engag\u00e9.<\/p>';\n } else if(score>=10){\n resultText = '<h2>Amoureux mais r\u00e9serv\u00e9 \ud83d\udc95<\/h2><p>Ses sentiments sont pr\u00e9sents, mais il peut avoir des difficult\u00e9s \u00e0 les exprimer.<\/p>';\n } else{\n resultText = '<h2>Peu ou pas amoureux \ud83d\udc94<\/h2><p>Ses actions montrent un d\u00e9sint\u00e9r\u00eat. Il est important de ne pas forcer les choses.<\/p>';\n }\n\n resultText += '<h3>Conseils :<\/h3><ul>' +\n '<li>Observe ses actions plut\u00f4t que ses mots.<\/li>' +\n '<li>V\u00e9rifie sa r\u00e9gularit\u00e9 dans ses efforts.<\/li>' +\n '<li>La communication est cl\u00e9.<\/li>' +\n '<li>Les petites attentions comptent.<\/li>' +\n '<li>\u00c9coute ton intuition.<\/li><\/ul>';\n\n const resultDiv = document.getElementById('result');\n resultDiv.style.transform = 'scale(0)';\n resultDiv.innerHTML = resultText;\n setTimeout(() => { resultDiv.style.transition = 'transform 0.5s ease'; resultDiv.style.transform = 'scale(1)'; }, 50);\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Quiz : Est-il amoureux ? Comment savoir si un homme est amoureux ? 0% Suivant<\/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-1660","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1660","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=1660"}],"version-history":[{"count":3,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1660\/revisions"}],"predecessor-version":[{"id":1667,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1660\/revisions\/1667"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}