{"id":17702,"date":"2024-05-13T05:23:02","date_gmt":"2024-05-13T05:23:02","guid":{"rendered":"https:\/\/www.paradiseresortdoclet.com\/?page_id=17702"},"modified":"2025-05-14T05:23:07","modified_gmt":"2025-05-14T05:23:07","slug":"happiness-questionnaire","status":"publish","type":"page","link":"https:\/\/www.paradiseresortdoclet.com\/vi\/happiness-questionnaire\/","title":{"rendered":"\u0110\u1ec3 H\u1ea1nh Ph\u00fac H\u01a1n"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17702\" class=\"elementor elementor-17702\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-039460c e-flex e-con-boxed e-con e-parent\" data-id=\"039460c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a22648 elementor-widget elementor-widget-heading\" data-id=\"9a22648\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">HOW HAPPY ARE YOU?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9cd8bfc e-flex e-con-boxed e-con e-parent\" data-id=\"9cd8bfc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53cca73 elementor-widget elementor-widget-heading\" data-id=\"53cca73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">To Be Happier<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-976b13e elementor-widget elementor-widget-heading\" data-id=\"976b13e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Oxford Happiness Inventory<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8aad1f elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"a8aad1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1280\" height=\"854\" src=\"https:\/\/www.paradiseresortdoclet.com\/wp-content\/uploads\/2024\/05\/WhatsApp-Image-2024-05-19-at-04.42.41.jpeg\" class=\"attachment-full size-full wp-image-17947\" alt=\"\" srcset=\"https:\/\/www.paradiseresortdoclet.com\/wp-content\/uploads\/2024\/05\/WhatsApp-Image-2024-05-19-at-04.42.41.jpeg 1280w, https:\/\/www.paradiseresortdoclet.com\/wp-content\/uploads\/2024\/05\/WhatsApp-Image-2024-05-19-at-04.42.41-768x512.jpeg 768w, https:\/\/www.paradiseresortdoclet.com\/wp-content\/uploads\/2024\/05\/WhatsApp-Image-2024-05-19-at-04.42.41-1320x880.jpeg 1320w, https:\/\/www.paradiseresortdoclet.com\/wp-content\/uploads\/2024\/05\/WhatsApp-Image-2024-05-19-at-04.42.41-18x12.jpeg 18w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a7ffbf e-flex e-con-boxed e-con e-parent\" data-id=\"8a7ffbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cc735f0 e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"cc735f0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57043eb elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"57043eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Instruction<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf9548a elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"cf9548a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">You will be offered 29 statements, evaluate how much you agree or disagree with each of them. Note this test is intended strictly for informational, educational and entertainment purposes; its results cannot replace the real help of a specialist and should not be used for making any decision.\nFortunately, the level of happiness of our guests is higher than the middle level in the world (60%).<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ecf8221 e-con-full e-flex e-con e-parent\" data-id=\"ecf8221\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ac377e elementor-widget elementor-widget-html\" data-id=\"5ac377e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @media only screen and (max-width: 768px) {\r\n        #form {\r\n    margin: 0px !important;\r\n    width: 100%!important;\r\n    padding: 10px!important;\r\n        }\r\n  p {\r\n    font-size: 17px!important; \/* Adjust the font size to match the input fields *\/\r\n    line-height: 1.3!important; \/* Add line height for better readability *\/\r\n  }\r\n  label {\r\n    font-size: 15px!important; \/* Adjust the font size to match the input fields *\/\r\n  }\r\n    #result-container {\r\n    width: 90%!important;\r\nmargin-left: 15px!important;\r\n\r\n  }\r\n}\r\n      \r\n      \r\n      \/* Style the form *\/\r\n      #result-container {\r\n        margin-top: 70px!important;\r\n        margin-bottom: 70px!important;\r\n        width: 50%;\r\n         \r\n      }\r\n      #form {\r\n        background-color: #F8F4EF;\r\n        margin: 10px auto;\r\n        padding: 40px;\r\n        width: 70%;\r\n        min-width: 300px;\r\n      }\r\n      ul {\r\n        padding-left: 0;\r\n      }\r\n      \/* Style the input fields *\/\r\n      input {\r\n        padding: 10px;\r\n        \/* width: 100%; *\/\r\n        font-size: 17px;\r\n        font-family: \"Poly\", Sans-serif;\r\n        border: 1px solid #aaaaaa;\r\n      }\r\n      p {\r\n        padding: 5px 0; \/* Adjust the padding to align text vertically with your custom radios *\/\r\n        font-family: \"Lateef\", Sans-serif; \/* Set the Raleway font for consistent typography *\/\r\n        color: #02464AFA; \/* Set a more readable text color *\/\r\n        font-size: 25px; \/* Adjust the font size to match the input fields *\/\r\n        line-height: 1.5; \/* Add line height for better readability *\/\r\n        border: 1px solid #d9d9d9;\r\n        border-radius: 15px;\r\n        padding: 10px;\r\n        padding-left: 20px;\r\n        background-color: #fff;\r\n      }\r\n        label {\r\n          display: block;\r\n          width: 100%;\r\n          padding: 5px 0; \/* Adjust the padding to align text vertically with your custom radios *\/\r\n          font-family: \"EB Garamond\", Sans-serif; \/* Set the Raleway font for consistent typography *\/\r\n          color: #89807c; \/* Set a more readable text color *\/\r\n          font-size: 17px; \/* Adjust the font size to match the input fields *\/\r\n          line-height: 1.5; \/* Add line height for better readability *\/\r\n        }\r\n        \/* Mark input boxes that gets an error on validation: *\/\r\n        input.invalid {\r\n          background-color: #ffdddd;\r\n        }\r\n        \r\n        \/* Hide all steps by default: *\/\r\n        .tab {\r\n          display: none;\r\n        }\r\n        \r\n        \/* Make circles that indicate the steps of the form: *\/\r\n        .step {\r\n          height: 15px;\r\n          width: 15px;\r\n          margin: 0 2px;\r\n          background-color: #bbbbbb;\r\n          border: none;\r\n          border-radius: 50%;\r\n          display: inline-block;\r\n          opacity: 0.5;\r\n        }\r\n        \r\n        \/* Mark the active step: *\/\r\n        .step.active {\r\n          opacity: 1;\r\n        }\r\n        \r\n        \/* Mark the steps that are finished and valid: *\/\r\n        .step.finish {\r\n          background-color: #04AA6D;\r\n        }\r\n      \r\n        #result-container {\r\n          margin: 20px 0;\r\n        }\r\n        \r\n        #happiness-progress {\r\n          width: 100%;\r\n          background-color: #ddd;\r\n        }\r\n        \r\n        #happiness-level {  \r\n          height: 20px;\r\n        }\r\n        \r\n        #happiness-score {\r\n          margin-top: 10px; \r\n          text-align: center;\r\n        }\r\n        \/* Hide the default radio button *\/\r\n      .custom-radio-button input {\r\n        position: absolute;\r\n        opacity: 0;\r\n        cursor: pointer;\r\n      }\r\n      .custom-radio-button {\r\n      \r\n        top: 0;\r\n        height: 25px;\r\n        margin-right: 15px; \/* Optional: margin between radio buttons *\/\r\n        margin-top: 10px; \/* Give some space between subsequent rows of radio options *\/\r\n        line-height: 25px; \/* Aligns the label text with the custom radio button *\/\r\n        padding-left: 35px; \/* Space for the custom radio button *\/\r\n        position: relative; \/* Set the label to have a relative position *\/\r\n        display: flex; \/* Flex display to align items horizontally *\/\r\n        align-items: center; \/* Center-align the flex items vertically *\/\r\n        gap: 10px; \/* Add space between the custom radio button and the text *\/\r\n        cursor: pointer;\r\n        font-size: 17px; \/* Matched text size *\/\r\n        user-select: none;\r\n        margin-bottom: 10px; \/* Space between each radio button, adjust as needed *\/\r\n      }\r\n      \/* Create a custom radio button *\/\r\n      .custom-radio-button .checkmark {\r\n        position: relative;\r\n        top: 0;\r\n        left: 0;\r\n        height: 25px;\r\n        width: 25px;\r\n        background-color: #eee;\r\n        border-radius: 50%;\r\n        display: inline-block;\r\n        margin-right: 10px;\r\n      }\r\n      \/* On mouse-over, add a grey background color *\/\r\n      .custom-radio-button:hover input ~ .checkmark {\r\n        background-color: #ccc;\r\n      }\r\n      \/* Styling when the radio button is selected *\/\r\n      .custom-radio-button input:checked ~ .checkmark {\r\n        background-color: #02464AFA;\r\n      }\r\n      \r\n      \/* Create the indicator (the dot\/circle) *\/\r\n      .custom-radio-button .checkmark:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        display: none;\r\n      }\r\n      \r\n      \/* Show the indicator when the radio button is checked *\/\r\n      .custom-radio-button input:checked ~ .checkmark:after {\r\n        display: block;\r\n      }\r\n      \r\n      \/* Style the indicator (the dot\/circle) *\/\r\n      .custom-radio-button .checkmark:after {\r\n         top: 9px;\r\n        left: 9px;\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 50%;\r\n        background: white;\r\n      }\r\n      #nextBtn{\r\n        font-family: \"Poly\", Sans-serif;\r\n        font-size: 18px;\r\n        font-weight: 500;\r\n        font-style: normal;\r\n        line-height: 24px;\r\n        letter-spacing: 0.8px;\r\n        fill: #fff;\r\n        color: #fff;\r\n        background-color: #02464AFA;\r\n        border-style: solid;\r\n        border-width: 2px 2px 2px 2px;\r\n        border-color: #fff;\r\n        border-radius: 7px 7px 7px 7px;\r\n        padding: 18px 35px 18px 35px;\r\n        cursor: pointer;\r\n      }\r\n      @keyframes slideFromLeft {\r\n        from {\r\n          opacity: 0;\r\n          transform: translateX(-20%);\r\n        }\r\n        to {\r\n          opacity: 1;\r\n          transform: translateX(0);\r\n        }\r\n      }\r\n      \r\n      p, label {\r\n      \r\n        animation: slideFromLeft 2s ease-out forwards;\r\n      }\r\n      \r\n\r\n<\/style>\r\n<form id=\"form\" action=\"\">        \r\n    <!-- One \"tab\" for each step in the form: -->\r\n    <div class=\"tab\">\r\n      <!-- questions 1-10 -->\r\n      <div class=\"question\">\r\n        <p>1. I don\u2019t feel particularly pleased with the way I am.<\/p>\r\n        <ul>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q1\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q1\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q1\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q1\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q1\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q1\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n        <\/ul>\r\n        <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n    <\/div>\r\n    <div class=\"question\">\r\n        <p>2. I am intensely interested in other people.<\/p>\r\n        <ul>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q2\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q2\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q2\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q2\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q2\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q2\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n        <\/ul>\r\n        <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n    <\/div>\r\n    <div class=\"question\">\r\n        <p>3. I feel that life is very rewarding.<\/p>\r\n        <ul>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q3\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q3\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q3\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q3\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q3\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q3\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n        <\/ul>\r\n        <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n    <\/div>\r\n    <div class=\"question\">\r\n        <p>4. I have very warm feelings towards almost everyone.<\/p>\r\n        <ul>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q4\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q4\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q4\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q4\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q4\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q4\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n        <\/ul>\r\n        <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n    <\/div>\r\n    <div class=\"question\">\r\n        <p>5. I rarely wake up feeling rested.<\/p>\r\n        <ul>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q5\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q5\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q5\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q5\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q5\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q5\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n        <\/ul>\r\n        <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n    <\/div>\r\n    <div class=\"question\">\r\n        <p>6. I am not particularly optimistic about the future.<\/p>\r\n        <ul>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q6\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q6\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q6\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q6\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q6\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q6\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n        <\/ul>\r\n        <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n    <\/div>\r\n    <div class=\"question\">\r\n        <p>7. I find most things amusing.<\/p>\r\n        <ul>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q7\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q7\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q7\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q7\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q7\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q7\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n        <\/ul>\r\n        <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n    <\/div>\r\n    <div class=\"question\">\r\n        <p>8. I am always committed and involved.<\/p>\r\n        <ul>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q8\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q8\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q8\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q8\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q8\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q8\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n        <\/ul>\r\n        <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n    <\/div>\r\n    <div class=\"question\">\r\n        <p>9. Life is good.<\/p>\r\n        <ul>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q9\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q9\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q9\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q9\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q9\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q9\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n        <\/ul>\r\n        <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n    <\/div>\r\n    <div class=\"question\">\r\n        <p>10. I do not think that the world is a good place.<\/p>\r\n        <ul>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q10\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q10\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q10\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q10\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q10\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n            <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q10\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n        <\/ul>\r\n        <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n    <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"tab\">\r\n        <div class=\"question\">\r\n            <p>11. I laugh a lot.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q11\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q11\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q11\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q11\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q11\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q11\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>12. I am well satisfied about everything in my life.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q12\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q12\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q12\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q12\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q12\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q12\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>13. I don\u2019t think I look attractive.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q13\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q13\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q13\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q13\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q13\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q13\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>14. There is a gap between what I would like to do and what I have done.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q14\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q14\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q14\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q14\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q14\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q14\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>15. I am very happy.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q15\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q15\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q15\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q15\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q15\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q15\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>16. I find beauty in some things.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q16\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q16\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q16\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q16\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q16\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q16\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>17. I always have a cheerful effect on others.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q17\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q17\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q17\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q17\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q17\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q17\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>18. I can fit in (find time for) everything I want to.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q18\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q18\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q18\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q18\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q18\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q18\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>19. I feel that I am not especially in control of my life.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q19\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q19\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q19\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q19\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q19\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q19\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>20. I feel able to take anything on.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q20\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q20\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q20\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q20\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q20\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q20\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"tab\">\r\n        <div class=\"question\">\r\n            <p>21. I feel fully mentally alert.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q21\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q21\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q21\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q21\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q21\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q21\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>22. I often experience joy and elation.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q22\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q22\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q22\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q22\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q22\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q22\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>23. I don\u2019t find it easy to make decisions.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q23\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q23\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q23\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q23\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q23\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q23\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>24. I don\u2019t have a particular sense of meaning and purpose in my life.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q24\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q24\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q24\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q24\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q24\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q24\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>25. I feel I have a great deal of energy.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q25\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q25\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q25\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q25\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q25\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q25\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>26. I usually have a good influence on events.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q26\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q26\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q26\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q26\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q26\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q26\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>27. I don\u2019t have fun with other people.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q27\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q27\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q27\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q27\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q27\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q27\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>28. I don\u2019t feel particularly healthy.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q28\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q28\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q28\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q28\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q28\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q28\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n        <div class=\"question\">\r\n            <p>29. I don\u2019t have particularly happy memories of the past.<\/p>\r\n            <ul>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q29\" value=\"0\"><span class=\"checkmark\"><\/span> Strongly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q29\" value=\"1\"><span class=\"checkmark\"><\/span> Moderately disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q29\" value=\"2\"><span class=\"checkmark\"><\/span> Slightly disagree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q29\" value=\"3\"><span class=\"checkmark\"><\/span> Slightly agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q29\" value=\"4\"><span class=\"checkmark\"><\/span> Moderately agree<\/label>\r\n                <label class=\"custom-radio-button\"><input type=\"radio\" name=\"q29\" value=\"5\"><span class=\"checkmark\"><\/span> Strongly agree<\/label>\r\n            <\/ul>\r\n            <!-- Placeholder for the error message -->\r\n            <span class=\"error-message\" style=\"display:none;color:red;\"><\/span>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    \r\n    <div style=\"overflow:auto;\">\r\n      <div style=\"float:right;\">\r\n        <!-- <button type=\"button\" id=\"prevBtn\" onclick=\"nextPrev(-1)\">Previous<\/button> -->\r\n        <button type=\"button\" id=\"nextBtn\" onclick=\"nextPrev(1)\">Next<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Circles which indicates the steps of the form: -->\r\n    <div style=\"text-align:center;margin-top:40px;\">\r\n      <span class=\"step\"><\/span>\r\n      <span class=\"step\"><\/span>\r\n      <span class=\"step\"><\/span>\r\n    <\/div>\r\n    <\/form>\r\n    <!-- Place this where you want the result to be shown on your page -->\r\n<div id=\"result-container\" style=\"display: none; margin-left: 25%;\">\r\n    <div id=\"happiness-progress\" style=\"width: 100%;          background-color: #ddd;\">\r\n        <!-- Inner bar showing happiness level -->\r\n        <div id=\"happiness-level\" style=\"height: 20px;\"><\/div>\r\n\r\n    <\/div>\r\n    <!-- Text content showing the score and note -->\r\n    <div id=\"happiness-score\" style=\"text-align: center;\"><\/div>\r\n    <div id=\"happiness-note\" style=\"text-align: center; margin-top: 10px;\"><\/div>\r\n            <div style=\"text-align: center;\"><img decoding=\"async\" src=\"https:\/\/www.paradiseresortdoclet.com\/wp-content\/uploads\/2024\/05\/WhatsApp-Image-2024-05-19-at-08.45.25.jpeg\" alt=\"\" width=\"500\" height=\"600\"><\/div>\r\n<\/div>\r\n\r\n<!-- Rest of your HTML -->\r\n\r\n    <script>\r\n        var currentTab = 0; \/\/ Current tab is set to be the first tab (0)\r\nshowTab(currentTab); \/\/ Display the current tab\r\n\r\nfunction showTab(n) {\r\n  var x = document.getElementsByClassName(\"tab\");\r\n  x[n].style.display = \"block\";\r\n  if (n == 0) {\r\n    document.getElementById(\"prevBtn\").style.display = \"none\";\r\n  } else {\r\n    document.getElementById(\"prevBtn\").style.display = \"inline\";\r\n  }\r\n  if (n == (x.length - 1)) {\r\n    document.getElementById(\"nextBtn\").innerHTML = \"Submit\";\r\n  } else {\r\n    document.getElementById(\"nextBtn\").innerHTML = \"Next\";\r\n  }\r\n  fixStepIndicator(n);\r\n}\r\n\r\nfunction nextPrev(n) {\r\n    window.scrollTo({\r\n        top: 0,\r\n        behavior: 'smooth'\r\n      });\r\n  var x = document.getElementsByClassName(\"tab\");\r\n  if (n == 1 && !validateForm()) return false;\r\n  x[currentTab].style.display = \"none\";\r\n  currentTab = currentTab + n;\r\n  \r\n  if (currentTab >= x.length) {\r\n    calculateAndDisplayHappinessScore();\r\n    return false;\r\n  }\r\n  showTab(currentTab);\r\n}\r\n\r\nfunction validateForm() {\r\n  var x, y, i, radioGroups, valid = true;\r\n  x = document.getElementsByClassName(\"tab\");\r\n  y = x[currentTab].getElementsByClassName(\"question\");\r\n  \r\n  const errorMessages = x[currentTab].getElementsByClassName(\"error-message\");\r\n  for (const errorMessage of errorMessages) {\r\n    errorMessage.style.display = 'none';\r\n  }\r\n  \r\n  for (i = 0; i < y.length; i++) {\r\n    radioGroups = y[i].getElementsByTagName(\"input\");\r\n    if (!Array.from(radioGroups).some(radio => radio.checked)) {\r\n      const errorMessage = y[i].getElementsByClassName(\"error-message\")[0];\r\n      errorMessage.textContent = \"Please make a selection for this question.\";\r\n      errorMessage.style.display = 'block';\r\n      valid = false;\r\n    }\r\n  }\r\n  \r\n  if (valid) {\r\n    document.getElementsByClassName(\"step\")[currentTab].className += \" finish\";\r\n  }\r\n  return valid;\r\n}\r\n\r\nfunction fixStepIndicator(n) {\r\n  var i, x = document.getElementsByClassName(\"step\");\r\n  for (i = 0; i < x.length; i++) {\r\n    x[i].className = x[i].className.replace(\" active\", \"\");\r\n  }\r\n  x[n].className += \" active\";\r\n}\r\n\r\n\r\n\r\nfunction calculateAndDisplayHappinessScore() {\r\n    var totalScore = 0;\r\n    var questions = document.getElementsByClassName(\"question\");\r\n  \r\n    \/\/ Define negatively worded questions by their index (assume questions start at index 0)\r\n    var negativeQuestions = [0, 4, 5, 9, 12, 13, 18, 22, 23, 26, 27, 28]; \r\n  \r\n    for (var i = 0; i < questions.length; i++) {\r\n      var radios = questions[i].getElementsByTagName(\"input\");\r\n      for (var j = 0; j < radios.length; j++) {\r\n        if (radios[j].checked) {\r\n          var score = parseInt(radios[j].value, 10);\r\n          \r\n          \/\/ Reverse the score for negatively phrased questions\r\n          if (negativeQuestions.includes(i)) {\r\n            score = 5 - score;\r\n          }\r\n          \r\n          totalScore += score;\r\n          break;\r\n        }\r\n      }\r\n    }\r\n  \r\n    \/\/ Proceed with your existing code for calculating happinessLevel and displaying results...\r\n    var happinessLevel = calculateHappinessLevel(totalScore);\r\n    displayHappinessResult(happinessLevel);\r\n    \r\n  }\r\n  \r\n\r\n\r\n\r\nfunction calculateHappinessLevel(score) {\r\n  var maxScore = 29 * 5; \/\/ Update this with the actual number of questions and max score per question\r\n  return (score \/ maxScore) * 100;\r\n}\r\n\r\n\r\n\r\nfunction displayHappinessResult(happinessLevel) {\r\n    var form = document.getElementById(\"form\");\r\n    var resultContainer = document.getElementById(\"result-container\");\r\n    var progressBar = document.getElementById(\"happiness-progress\");\r\n    var innerBar = document.getElementById(\"happiness-level\");\r\n    var scoreText = document.getElementById(\"happiness-score\");\r\n    var noteElem = document.getElementById(\"happiness-note\");\r\n\r\n    \/\/ Set the width of the inner bar according to the happiness level\r\n    innerBar.style.width = happinessLevel.toFixed(2) + \"%\";\r\n    \r\n    \/\/ Set background color of the inner bar depending on happiness level\r\n    var color = happinessLevel < 50 ? \"#ffcccb\" : \"#98fb98\";\r\n    innerBar.style.backgroundColor = color;\r\n    \r\n    \/\/ Set the text content to the calculated score\r\n    scoreText.textContent = \"Your happiness score is: \" + happinessLevel.toFixed(2) + \"%\";\r\n    \r\n    \/\/ Choose the notes based on happiness level\r\n    if (happinessLevel >= 75) {\r\n        noteElem.textContent = 'You seem very happy. Keep up the good vibes!';\r\n    } else if (happinessLevel >= 50) {\r\n        noteElem.textContent = 'You are halfway to maximum happiness. Stay positive, things will get better!';\r\n    } else if (happinessLevel >= 25) {\r\n        noteElem.textContent = \"Things don't look so bright. Keep your chin up!\";\r\n    } else {\r\n        noteElem.textContent = 'Sorry you\u2019re feeling down. Hope things get better soon!';\r\n    }\r\n    \r\n    \/\/ Hide the form and show the result container\r\n    form.style.display = \"none\";\r\n    resultContainer.style.display = \"block\"; \/\/ Assuming you want to show it now\r\n}\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HOW HAPPY ARE YOU? To Be Happier Oxford Happiness Inventory Instruction You will be offered 29 statements, evaluate how much you agree or disagree with each of them. Note this test is intended strictly for informational, educational and entertainment purposes; its results cannot replace the real help of a specialist and should not be used [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-17702","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.paradiseresortdoclet.com\/vi\/wp-json\/wp\/v2\/pages\/17702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.paradiseresortdoclet.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.paradiseresortdoclet.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.paradiseresortdoclet.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.paradiseresortdoclet.com\/vi\/wp-json\/wp\/v2\/comments?post=17702"}],"version-history":[{"count":117,"href":"https:\/\/www.paradiseresortdoclet.com\/vi\/wp-json\/wp\/v2\/pages\/17702\/revisions"}],"predecessor-version":[{"id":18764,"href":"https:\/\/www.paradiseresortdoclet.com\/vi\/wp-json\/wp\/v2\/pages\/17702\/revisions\/18764"}],"wp:attachment":[{"href":"https:\/\/www.paradiseresortdoclet.com\/vi\/wp-json\/wp\/v2\/media?parent=17702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}