{"id":1712,"date":"2024-02-22T08:04:51","date_gmt":"2024-02-22T08:04:51","guid":{"rendered":"https:\/\/beams-experiments.com\/?page_id=1712"},"modified":"2024-08-17T17:51:07","modified_gmt":"2024-08-17T16:51:07","slug":"post-task-questionnaire-human-only","status":"publish","type":"page","link":"https:\/\/beams-experiments.com\/index.php\/post-task-questionnaire-human-only\/","title":{"rendered":"Post-Task-Questionnaire-Human Only-OLD"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <style>\n        body {\n            margin: 0;\n            padding: 10px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n            box-sizing: border-box;\n        }\n        #submitForm {\n            display: block;\n            padding: 10px 20px;\n            background-color: #007bff;\n            color: white;\n            border: none;\n            border-radius: 5px;\n            cursor: not-allowed; \n            opacity: 0.5; \n            margin-top: 20px;\n            margin-bottom: 10px;\n            margin: 10px auto;\n            width: fit-content;\n        }\n        #submitForm:enabled {\n            cursor: pointer;\n            opacity: 1;\n        }\n        #progressBarContainer {\n            width: 90%;\n            background-color: #e0e0e0;\n            border-radius: 5px;\n            margin-top: 10px;\n        }\n        #progressBar {\n            height: 10px;\n            background-color: #007bff;\n            border-radius: 5px;\n            width: 100%;\n        }\n        #progressText {\n            text-align: center;\n            margin-top: 5px;\n        }\n    <\/style>\n<\/head>\n<body>\n    <form id=\"postTaskQuestionnaire\">\n        <!-- Qualitative Feedback -->\n        <p>1. Any comments or suggestions about the setup?<br>\n        <textarea name=\"setupFeedback\" rows=\"3\" cols=\"60\"><\/textarea><\/p>\n\n        <p>2. Any comments about your experience?<br>\n        <textarea name=\"finalComments\" rows=\"3\" cols=\"60\" style=\"text-direction : center\"><\/textarea><\/p>\n\n        <!-- Difficulty Level -->\n        <p>3. On a scale of 1 to 5, how difficult did you find the tactical decision-making task? (1 = Extremely Easy, 5 = Extremely Difficult)<br>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelTactical\" value=\"1\"> 1<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelTactical\" value=\"2\"> 2<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelTactical\" value=\"3\"> 3<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelTactical\" value=\"4\"> 4<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelTactical\" value=\"5\"> 5<\/label>\n\n        <!-- Difficulty Level -->\n        <p>4. On a scale of 1 to 5, how difficult did you find the strategic decision-making task? (1 = Extremely Easy, 5 = Extremely Difficult)<br>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelStrategic\" value=\"1\"> 1<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelStrategic\" value=\"2\"> 2<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelStrategic\" value=\"3\"> 3<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelStrategic\" value=\"4\"> 4<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelStrategic\" value=\"5\"> 5<\/label>\n\n        <!-- Difficulty Level -->\n        <p>5. On a scale of 1 to 5, how difficult did you find the sports shoe idea evaluation task? (1 = Extremely Easy, 5 = Extremely Difficult)<br>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelIdea\" value=\"1\"> 1<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelIdea\" value=\"2\"> 2<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelIdea\" value=\"3\"> 3<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelIdea\" value=\"4\"> 4<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelIdea\" value=\"5\"> 5<\/label>\n\n\t<!-- Difficulty Level -->\n        <p>6. On a scale of 1 to 5, how difficult did you find the risk and uncertaintay decision-making task? (1 = Extremely Easy, 5 = Extremely Difficult)<br>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelRisk\" value=\"1\"> 1<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelRisk\" value=\"2\"> 2<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelRisk\" value=\"3\"> 3<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelRisk\" value=\"4\"> 4<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelRisk\" value=\"5\"> 5<\/label>\n\n \t<!-- Difficulty Level -->\n        <p>7. On a scale of 1 to 5, how difficult did you find the ethical decision-making task? (1 = Extremely Easy, 5 = Extremely Difficult)<br>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelEthical\" value=\"1\"> 1<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelEthical\" value=\"2\"> 2<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelEthical\" value=\"3\"> 3<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelEthical\" value=\"4\"> 4<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"difficultyLevelEthical\" value=\"5\"> 5<\/label>\n\n        <p>8. Attention Check (please read carefully):<br>\n        Select the number &#8216;3&#8217; to demonstrate your attention to detail.<br>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"attentionCheck\" value=\"1\"> 1<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"attentionCheck\" value=\"2\"> 2<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"attentionCheck\" value=\"3\"> 3<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"attentionCheck\" value=\"4\"> 4<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"attentionCheck\" value=\"5\"> 5<\/label>\n\t<\/p>\n\n\t\n        <!-- Done button -->\n        <button type=\"button\" id=\"submitForm\" disabled>Done<\/button>\n    <\/form>\n\n    <!-- Progress Bar -->\n    \n    <div  Page 10 out of 10<\/div>\n    <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\n    <script>\n        $(document).ready(function() {\n\n            \/\/ Function to check if all questions have been answered\n            function checkAllQuestionsAnswered() {\n                var allAnswered = true;\n\n                \/\/ Check Radio Buttons\n                $('#postTaskQuestionnaire input[type=\"radio\"]').each(function() {\n                    var name = $(this).attr('name');\n                    if ($('input[name=\"' + name + '\"]:checked').length == 0) {\n                        allAnswered = false;\n                        return false; \/\/ Breaks the .each() loop\n                    }\n                });\n\n                return allAnswered;\n            }\n\n            \/\/ Event listener for form inputs\n            $('#postTaskQuestionnaire input[type=\"radio\"], #postTaskQuestionnaire textarea').on('change keyup', function() {\n                if (checkAllQuestionsAnswered()) {\n                    $('#submitForm').removeAttr('disabled').css('cursor', 'pointer').css('opacity', '1');\n                } else {\n                    $('#submitForm').attr('disabled', 'disabled');\n                }\n            });\n\n            alert('Ensure you answer all the questions before pressing \"Done\"');\n\n            $('#submitForm').on('click', function() {\n               \n                \/\/ Verify attention check question\n                var attentionCheckAnswer = $('input[name=\"attentionCheck\"]:checked').val();\n                var attentionCheck = attentionCheckAnswer === '3' ? 1 : 0;\n                var taskSequenceNumbers = JSON.parse(localStorage.getItem('taskSequenceNumbers'));\n                \/\/ Convert the array to a JSON string\n                var taskSequenceNumbersString = JSON.stringify(taskSequenceNumbers);\n\n               \/\/ Append the JSON string to the FormData object\n               formData.append('taskSequenceNumbers', taskSequenceNumbersString);\n               console.log ('taskSequenceNumbers is', taskSequenceNumbersString);\n                \/\/ Append attentionCheck to formData\n                formData.append('attentionCheck', attentionCheck);\n\n                \/\/ Append values directly from the form for the current questionnaire\n                \n                formData.append('difficultyLevelTactical', $('[name=\"difficultyLevelTactical\"]:checked').val());\n                formData.append('difficultyLevelStrategic', $('[name=\"difficultyLevelStrategic\"]:checked').val());\n                formData.append('difficultyLevelIdea', $('[name=\"difficultyLevelIdea\"]:checked').val());\n                formData.append('difficultyLevelRisk', $('[name=\"difficultyLevelRisk\"]:checked').val());\n\t\tformData.append('difficultyLevelEthical', $('[name=\"difficultyLevelEthical\"]:checked').val());\n\t\t\n                \/\/ Append values from local storage for the rest of the fields\n                var localStorageFields = [\n                    'groupID', 'prolificID', 'batchID', 'age', 'gender', 'education', 'employment', 'experience', 'englishProficiency',\n                    'aiFamiliarity', 'aiUsage', 'openness', 'conscientiousness', 'extraversion', 'agreeableness', 'neuroticism',\n                    'tactical_decision_making', 'strategic_decision_making', 'evaluating_sports_shoe', 'tactical_decision_making_gpt4',\n                    'strategic_decision_making_gpt4', 'evaluating_sports_shoe_gpt4', 'collaborationWillingness', 'AIRelianceComfort',\n                    'AIActionsAcceptance', 'AIJointCreationRisks', 'unconventionalView', 'newDirectionsProblemSolving', 'approachWithoutPlan',\n                    'withholdJudgment', 'broadCategorization', 'codingCapability', 'examiningFrequency',\n                    'tacticalScore', 'tacticalConfidence', 'strategicScore', 'strategicConfidence', 'ideaEvaluationScore', 'decisionHPG', 'decisionLPG', 'decisionHPL', 'decisionLPL', 'confidenceHPG', 'confidenceLPG', 'confidenceHPL', 'confidenceLPL', 'tacticalTaskTime', 'strategicTaskTime', 'evaluationTaskTime', 'riskTaskTime', 'ethicalTaskTime'\n                ];\n\n                localStorageFields.forEach(field => {\n                    var value = localStorage.getItem(field) || '0';\n                    formData.append(field, value);\n                });\n\n                \/\/ Send data to the server\n                var xhr = new XMLHttpRequest();\n                xhr.open('POST', 'https:\/\/beams-experiments.com\/coEfficacy\/sendAllDetailsHuman.php', true);\n                xhr.onload = function() {\n                    if (xhr.status === 200) {\n                        console.log('Submission successful. Redirecting...');\n\n                        clearLocalStorage();\n                        \/\/window.location.href = 'https:\/\/beams-experiments.com\/index.php\/thanks-for-your-participation-co-efficacy\/';\n                    } else {\n                        alert('An error occurred. Please try again.');\n                    }\n                };\n                xhr.send(formData);\n            });\n\n            function clearLocalStorage() {\n                localStorage.clear();\n            }\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>1. Any comments or suggestions about the setup? 2. Any comments about your experience? 3. On a scale of 1 to 5, how difficult did you find the tactical decision-making task? (1 = Extremely Easy, 5 = Extremely Difficult) 1 2 3 4 5 4. On a scale of 1 to 5, how difficult did [&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-1712","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/1712","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=1712"}],"version-history":[{"count":17,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/1712\/revisions"}],"predecessor-version":[{"id":2921,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/1712\/revisions\/2921"}],"wp:attachment":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/media?parent=1712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}