{"id":5447,"date":"2024-12-05T15:28:20","date_gmt":"2024-12-05T15:28:20","guid":{"rendered":"https:\/\/beams-experiments.com\/?page_id=5447"},"modified":"2025-09-13T20:40:05","modified_gmt":"2025-09-13T19:40:05","slug":"evaluation-screening-questionnnaire-toys","status":"publish","type":"page","link":"https:\/\/beams-experiments.com\/index.php\/evaluation-screening-questionnnaire-toys\/","title":{"rendered":"Evaluation Screening Questionnnaire-Toys"},"content":{"rendered":"\n<!DOCTYPE html>\n<html>\n<head>\n    <style>\n        #progressBarContainer {\n            width: 90%;\n            background-color: #e0e0e0;\n            border-radius: 5px;\n            margin-top: 20px;\n        }\n        #progressBar {\n            height: 10px;\n            background-color: #007bff;\n            border-radius: 5px;\n            width: 44%;\n        }\n        #progressText {\n            text-align: center;\n            margin-top: 5px;\n        }\n        #nextButton {\n            display: block;\n            background-color: #007bff;\n            color: white;\n            padding: 10px 20px;\n            margin: 20px auto;\n            font-size: 16px;\n            border: none;\n            border-radius: 5px;\n            cursor: not-allowed; \/* Cursor style when disabled *\/\n            opacity: 0.5; \/* Opacity when disabled *\/\n        }\n#nextButton:enabled {\n            cursor: pointer;\n            opacity: 1; \/* Full opacity when enabled *\/\n        }\n        .questionnaire {\n            margin: 20px;\n            text-align: left;\n        }\n        .questionnaire input,\n        .questionnaire select {\n            margin: 5px 0;\n        }\n    <\/style>\n    <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\n\n<\/head>\n<body>\n\n    <!-- Questionnaire Section -->\n    <div class=\"questionnaire\">\n<p><b>Depending on your responses, we will determine your eligibility to participate in the follow-up evaluation task.<\/b><\/p>\n<p><b>First, what is your Prolific ID?<\/b><\/p>\n<p>Please enter your Prolific ID<br>\n           <textarea name=\"prolificID\" rows=\"3\" cols=\"40\"><\/textarea><\/p>\n\n<p><b>1. Age:<\/b> Please enter your age: <input type=\"number\" name=\"age\"><\/p>\n<p><b>2. Gender:<\/b><\/p>\n        <label><input type=\"radio\" name=\"gender\" value=\"Male\"> Male<\/label>\n        <label><input type=\"radio\" name=\"gender\" value=\"Female\"> Female<\/label>\n        <label><input type=\"radio\" name=\"gender\" value=\"Other\"> Other<\/label>\n<p><b>3. Please select your highest level of education completed:<\/b><\/p>\n<p>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"education\" value=\"Some High School\"> Some High School<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"education\" value=\"High School Graduate\"> High School Graduate<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"education\" value=\"Some College\"> Some College<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"education\" value=\"Associate's Degree\"> Associate&#8217;s Degree<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"education\" value=\"Bachelor\u2019s Degree\"> Bachelor\u2019s Degree<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"education\" value=\"Master\u2019s Degree\"> Master\u2019s Degree<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"education\" value=\"Doctorate or Higher\"> Doctorate or Higher<\/label>\n<\/p>\n\n<p><b>4. Please select your employment status:<\/b><\/p>\n<p>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"employment\" value=\"Employed\"> Employed<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"employment\" value=\"Unemployed\"> Unemployed<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"employment\" value=\"Freelancer\"> Freelancer<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"employment\" value=\"Student\"> Student<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"employment\" value=\"Retired\"> Retired<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"employment\" value=\"Other\"> Other<\/label>\n<\/p>\n <p><strong>5. Years of experience:<\/strong> How many years of consumer product design experience do you have?<\/p>\n        <input type=\"number\" name=\"experience\" min=\"0\" required>\n<p><b>6. English Proficiency:<\/b><\/p>\n<p>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"englishProficiency\" value=\"Native Speaker\"> Native Speaker<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"englishProficiency\" value=\"Fluent\"> Fluent<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"englishProficiency\" value=\"Proficient\"> Proficient<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"englishProficiency\" value=\"Intermediate\"> Intermediate<\/label>\n    <label style=\"margin-right: 10px;\"><input type=\"radio\" name=\"englishProficiency\" value=\"Beginner\"> Beginner<\/label>\n<\/p>\n<!-- Domain Knowledge Section -->\n        <p><strong>7. Domain Knowledge (Scale 1-5: 1 = Lowest, 5 = Highest):<\/strong><\/p>\n        \n        <p>7.1 How knowledgeable are you in the children toys industry?<\/p>\n        <label><input type=\"radio\" name=\"knowledgeToysIndustry\" value=\"1\" required> 1<\/label>\n        <label><input type=\"radio\" name=\"knowledgeToysIndustry\" value=\"2\"> 2<\/label>\n        <label><input type=\"radio\" name=\"knowledgeToysIndustry\" value=\"3\"> 3<\/label>\n        <label><input type=\"radio\" name=\"knowledgeToysIndustry\" value=\"4\"> 4<\/label>\n        <label><input type=\"radio\" name=\"knowledgeToysIndustry\" value=\"5\"> 5<\/label>\n        \n        <p>7.2 How knowledgeable are you in consumer product design?<\/p>\n        <label><input type=\"radio\" name=\"knowledgeProductDesign\" value=\"1\"> 1<\/label>\n        <label><input type=\"radio\" name=\"knowledgeProductDesign\" value=\"2\"> 2<\/label>\n        <label><input type=\"radio\" name=\"knowledgeProductDesign\" value=\"3\"> 3<\/label>\n        <label><input type=\"radio\" name=\"knowledgeProductDesign\" value=\"4\"> 4<\/label>\n        <label><input type=\"radio\" name=\"knowledgeProductDesign\" value=\"5\"> 5<\/label>\n        \n        <p>7.3 How confident are you in evaluating designs for children toys?<\/p>\n        <label><input type=\"radio\" name=\"evaluationConfidence\" value=\"1\"> 1<\/label>\n        <label><input type=\"radio\" name=\"evaluationConfidence\" value=\"2\"> 2<\/label>\n        <label><input type=\"radio\" name=\"evaluationConfidence\" value=\"3\"> 3<\/label>\n        <label><input type=\"radio\" name=\"evaluationConfidence\" value=\"4\"> 4<\/label>\n        <label><input type=\"radio\" name=\"evaluationConfidence\" value=\"5\"> 5<\/label>\n    <\/div>\n    \n\n   <\/div>\n    <!-- Next Button -->\n    <button id=\"nextButton\" disabled>Next<\/button>\n\n    <!-- Progress Bar -->\n    <div id=\"progressBarContainer\">\n        <div id=\"progressBar\"><\/div>\n    <\/div>\n    <div id=\"progressText\">Page 1 out of 3<\/div>\n\n    <script>\n        $(document).ready(function(){\n            alert('Please fill in all the fields to proceed.');\n\/\/check if user already did this section\n if (localStorage.getItem('prolificID')) {\n    \/\/ If 'AUTText' does exist, make alert and invalidate table\n      \/\/ alert ('You already did the questionnaire!');\n   \/\/window.location.href = 'https:\/\/beams-experiments.com\/index.php\/thank-you-not-qualified\/';\n }\n            \/\/ Define mappings for education, employment, englishProficiency, and gender\n            const mappings = {\n                education: {\n                    \"Some High School\": 1,\n                    \"High School Graduate\": 2,\n                    \"Some College\": 3,\n                    \"Associate's Degree\": 4,\n                    \"Bachelor\u2019s Degree\": 5,\n                    \"Master\u2019s Degree\": 6,\n                    \"Doctorate or Higher\": 7\n                },\n                employment: {\n                    \"Employed\": 1,\n                    \"Unemployed\": 2,\n                    \"Freelancer\": 3,\n                    \"Student\": 4,\n                    \"Retired\": 5,\n                    \"Other\": 6\n                },\n                englishProficiency: {\n                    \"Native Speaker\": 1,\n                    \"Fluent\": 2,\n                    \"Proficient\": 3,\n                    \"Intermediate\": 4,\n                    \"Beginner\": 5\n                },\n                gender: {\n                    \"Male\": 1,\n                    \"Female\": 2,\n                    \"Other\": 3,\n                }\n            };\n\n            function checkFields() {\n                var allFilled = true;\n\n                \/\/ Check regular inputs and textareas\n                $('.questionnaire input[type=\"number\"], .questionnaire textarea').each(function() {\n                    if ($(this).val() === \"\" || $(this).val() === null) {\n                        allFilled = false;\n                        return false; \/\/ Breaks the loop\n                    }\n                });\n\n                \/\/ Early return if a field is empty\n                if (!allFilled) return false;\n\n                \/\/ Check radio groups\n                var radioGroups = $('.questionnaire input[type=\"radio\"]').map(function() {\n                    return $(this).attr('name');\n                }).get().filter((value, index, self) => self.indexOf(value) === index);\n\n                \/\/ Verify each group has a selection\n                $.each(radioGroups, function(index, name) {\n                    if ($('input[name=\"' + name + '\"]:checked').length === 0) {\n                        allFilled = false;\n                        return false; \/\/ Breaks the loop\n                    }\n                });\n\n                return allFilled;\n            }\n\n            $('.questionnaire').on('change keyup', 'input, textarea', function() {\n                if (checkFields()) {\n                    $('#nextButton').removeAttr('disabled');\n                } else {\n                    $('#nextButton').attr('disabled', true);\n                }\n            });\n\n            $('#nextButton').on('click', function() {\n                var formData = new FormData();\n\n    \/\/ Retrieve form data\n   var age = parseInt($('[name=\"age\"]').val(), 10);\n                var experience = parseInt($('[name=\"experience\"]').val(), 10);\n                var gender = mappings.gender[$('[name=\"gender\"]:checked').val()];\n                var education = mappings.education[$('[name=\"education\"]:checked').val()];\n                var employment = mappings.employment[$('[name=\"employment\"]:checked').val()];\n                var englishProficiency = mappings.englishProficiency[$('[name=\"englishProficiency\"]:checked').val()];\n                var knowledgeToysIndustry = parseInt($('[name=\"knowledgeToysIndustry\"]:checked').val(), 10);\n                var knowledgeProductDesign = parseInt($('[name=\"knowledgeProductDesign\"]:checked').val(), 10);\n                \n                var evaluationConfidence = parseInt($('[name=\"evaluationConfidence\"]:checked').val(), 10);\n                var prolificID = $('[name=\"prolificID\"]').val().trim();\n\n    \n\n    \/\/ Append data to FormData object\n    formData.append('age', age);\n    formData.append('gender', gender);\n    formData.append('education', education);\n    formData.append('employment', employment);\n    formData.append('experience', experience);\n    formData.append('englishProficiency', englishProficiency);\n    formData.append('knowledgeToysIndustry', knowledgeToysIndustry);\n    formData.append('knowledgeProductDesign', knowledgeProductDesign);\n   \n    formData.append('evaluationConfidence', evaluationConfidence);\n    formData.append('prolificID', prolificID);\n\/\/ Save data to local storage\nlocalStorage.setItem('age', age);\nlocalStorage.setItem('gender', gender);\nlocalStorage.setItem('education', education);\nlocalStorage.setItem('employment', employment);\nlocalStorage.setItem('englishProficiency', englishProficiency);\nlocalStorage.setItem('experience', experience);\nlocalStorage.setItem('knowledgeToysIndustry', knowledgeToysIndustry);\nlocalStorage.setItem('knowledgeProductDesign', knowledgeProductDesign);\n\nlocalStorage.setItem('evaluationConfidence', evaluationConfidence);\nlocalStorage.setItem('prolificID', prolificID);\n \n\n\n\n\n    if (\n                age >= 28 && \n                (englishProficiency === 1 || englishProficiency === 2) && \n                experience >= 8 && \n                education >= 4 && \n                knowledgeToysIndustry >= 3 && \n                knowledgeProductDesign >= 3 && \n                evaluationConfidence >= 4\n            ) {\n                   alert('Your eligibility is confirmed. Let us continue.');\n\n    \/\/ Redirect to the next page\n    window.location.href = 'https:\/\/beams-experiments.com\/index.php\/evaluating-toys-designs-SurveyMethod\/';\n } else {\n    window.location.href = 'https:\/\/beams-experiments.com\/index.php\/thank-you-not-qualified\/';\n}\n\n \n            });\n        });\n        \n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Depending on your responses, we will determine your eligibility to participate in the follow-up evaluation task. First, what is your Prolific ID? Please enter your Prolific ID 1. Age: Please enter your age: 2. Gender: Male Female Other 3. Please select your highest level of education completed: Some High School High School Graduate Some College [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-5447","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/5447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/comments?post=5447"}],"version-history":[{"count":48,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/5447\/revisions"}],"predecessor-version":[{"id":6309,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/5447\/revisions\/6309"}],"wp:attachment":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/media?parent=5447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}