Dear all, I need some help! I tried some custom coding in JavaScript but it is not working. :(The survey is structured as the following:PAGE 0Welcome Page.PAGE 1Introduction Page: A paragraph about a story on fruit, animal and birds. PAGE 2In this page I have three questions in one page. Q1: Choose the correct fruit. Option A: AppleOption B: OrangeOption C: PearOption D: Banana The correct answer is: Apple and Orange. [ Respondents need to choose both] Q2: Chose the correct animal. Option A: Bear Option B: Tiger Option C: Cat The correct answer is: Cat. [Respondents need to choose only one answer] Q3: Choose the correct bird. Option A: CrowOption B: PeacockOption C: Duck The correct answer is: Crow. [Respondents need to choose only one answer] What I am trying to do: 1) If any of the questions are answers incorrectly by a respondent, I want the following message to show up: “ Incorrect answer. Please try again. If you wish please go back to the Introduction page by clicking this button.” => I need to show them a custom button that will take them to the Introduction page if they wish to. If they wish not to go to introduction page. They can retry the quiz [May be this can be a button too if there is no other way]. But, they will not be allowed to move forward to the next page unless they get all the questions correct. 2) If they get all the answers correct. Then I want to display: “Correct. Please proceed to the next step to continue.” => This can be done by display logic but the display logic is somehow interfering with any custom code in JavaScript. I am not sure what is happening. Could you please help me with this? I need it for my research and I would really really appreciate it.

Move Q1, Q2 and Q3 into their separate blocks.In each block, have a copy of the introduction page and then the question. So, QIntro-Q1, QIntro-Q2 etc.Add this JS to hide the intro and insert a button to display the instructions if they want to:Qualtrics.SurveyEngine.addOnReady(function () {const quest = this;const qc = quest.getQuestionContainer();qc.style.display = "none";const toggleButton = document.createElement("button");toggleButton.textContent = "Show Instructions";toggleButton.onclick = function () {if (qc.style.display == "none") {qc.style.display = "";toggleButton.textContent = "Hide Instructions";} else {qc.style.display = "none";toggleButton.textContent = "Show Instructions";}};qc.insertAdjacentElement("afterend", toggleButton);});In your questions, add validation that will pass only if they provide the correct answers. You can customize the error message to suit your requirements.

Thank you for the comment, but one small issue, I need to have all three questions in the same page, would that be possible?

Creating Button to redirect to a specific question and retry this question

Creating Button to redirect to a specific question and retry this question | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded