word response time

JavaScript Files/2 second word.js

@@ -0,0 +1,127 @@
+Qualtrics.SurveyEngine.addOnload(function () {
+	if (document.getElementById("EndOfSurvey")) {
+		// In case you show a response summary at the end.
+		throw "Survey has ended!";
+	}
+
+	var opts = { A: 65, L: 76 };
+	var good = Object.entries(opts)[Math.floor(Math.random() * 2)];
+	var bad = good[0] == "L" ? Object.entries(opts)[0] : Object.entries(opts)[1];
+
+	var good_bad_html = "<br><br><b>" + good[0] + '</b> for <em>Good</em> <br><br><b>' + bad[0] + "</b> for <em>Bad</em>";
+
+	// Collect all questions on the page
+	var all_q = document.querySelectorAll("div[id^='QID']:not(.Separator)");
+
+	// Centre align all the words
+	all_q.forEach((item) => (item.style.textAlign = "center"));
+
+	// This will keep track of the question sequence in case of randomization. You will find this as the embedded data
+	var ques_seq = [];
+	var word_seq = [];
+	var choice_seq = [];
+	var res_time = [];
+	var st_time = 0;
+
+	// Keep a track of which question has been displayed
+	var q_tracker = 1;
+
+	// Hide all the questions
+	for (var i = q_tracker; i < all_q.length; i++) {
+		all_q[i].hide();
+	}
+
+	// Define an observer to check for visibility changes in the questions
+	const display_checker = new MutationObserver(function (mutation) {
+		Event.stopObserving(document, "keydown", next_question);
+
+		// Hide the question after 2 seconds and start tracking the keyboard
+		setTimeout(() => {
+			all_q[q_tracker].querySelector(".QuestionText").hide();
+			all_q[0].show();
+			st_time = Date.now();
+			Event.observe(document, "keydown", next_question);
+		}, 2000);
+	});
+
+	// Add the observer to each question
+	for (var i = q_tracker; i < all_q.length; i++) {
+		display_checker.observe(all_q[i], {
+			attributes: true,
+		});
+	}
+
+	// Detect if the spacebar is being pressed
+	Event.observe(document, "keydown", init_questions);
+
+	function init_questions(e) {
+		if (e.keyCode == 32) {
+			// Spacebar was pressed
+			// Change the Text to only show answer commands
+			var delay_time = 3;
+			all_q[0].querySelector(".QuestionText").innerHTML =
+				"<div>Please read the word for 2 secs and then press" + good_bad_html + "<br><br><br>The first question will appear in <b id='delay'>" + delay_time + "</b> seconds</div>";
+			delay_time -=1;
+			var delay_text = document.querySelector("#delay");
+			x = setInterval(() => {
+				delay_text.innerText = delay_time;
+				delay_time -=1;
+				if(delay_time<0){
+					clearInterval(x);
+				}
+			}, 1000);
+
+			// Stop tracking the keyboard for the first question
+			Event.stopObserving(document, "keydown", init_questions);
+
+			// Display the first question
+			setTimeout(() => {
+				all_q[0].hide();
+				all_q[0].querySelector(".QuestionText").innerHTML = "Press" + good_bad_html;
+				all_q[q_tracker].show();
+				all_q[q_tracker].querySelector(".QuestionBody").hide();
+			}, 4000);
+		}
+	}
+
+	function next_question(e) {
+		var choice_num = null;
+		if (e.keyCode == good[1]) {
+			// 'A' was pressed
+			choice_num = 1; // Choose Good
+			choice_seq.push(" Good ");
+		} else if (e.keyCode == bad[1]) {
+			// 'L' was pressed
+			choice_num = 2; // Choose Bad
+			choice_seq.push(" Bad ");
+		} 
+		if (choice_num) {
+			res_time.push(Date.now() - st_time); // Store the elapsed time in a variable
+			all_q[q_tracker].querySelectorAll("input")[choice_num - 1].click(); // Select the appropriate choice
+			all_q[q_tracker].hide(); // Hide the current question
+			ques_seq.push(all_q[q_tracker].id);
+			word_seq.push(all_q[q_tracker].querySelector(".QuestionText").innerText);
+
+			q_tracker += 1; // Increment the question tracker by 1
+			if (q_tracker < all_q.length) {
+				// If there are still questions left
+				all_q[q_tracker].show(); // Show the next question
+				all_q[q_tracker].querySelector(".QuestionBody").hide();
+				all_q[0].hide();
+			} else if (q_tracker == all_q.length) {
+				// If all questions are displayed
+				ques_seq = ques_seq.join();
+				word_seq = word_seq.join();
+				choice_seq = choice_seq.join();
+				res_time = res_time.join();
+				Qualtrics.SurveyEngine.setEmbeddedData("response_array",res_time);
+				Qualtrics.SurveyEngine.setEmbeddedData("question_seq",ques_seq);
+				Qualtrics.SurveyEngine.setEmbeddedData("word_seq",word_seq);
+				Qualtrics.SurveyEngine.setEmbeddedData("choice_seq",choice_seq);
+
+				Event.stopObserving(document, "keydown", next_question); // Stop tracking the keyboard
+				document.querySelector("#NextButton").click(); // Click the next button
+			}
+		}
+	}
+});