_

a6f0a106 · Thomas Pronk · bed75343 · a6f0a106 · a6f0a106 · a6f0a106
Commit a6f0a106 authored May 19, 2021 by Thomas Pronk
12 changed files
--- a/README.md
+++ b/README.md
+# Assignment: Stroop 
+
+## Introduction
+This experiment is an adapted version of the [Stroop demo](https://gitlab.pavlovia.org/demos/stroop) that serves as a JavaScript (JS) debugging exercise. 
+
+To get started, please go through the three tutorials below. Each tutorial illustrates a different type of JS error, each of which will have your experiment misbehave in different ways:
+1. Experiment is stuck on “initialising the experiment...”. See [tutorial_js_syntax_error](https://gitlab.pavlovia.org/tpronk/tutorial_js_syntax_error)
+2. PsychoJS shows a dialog with an error message. See the [tutorial_js_semantic_error](https://gitlab.pavlovia.org/tpronk/tutorial_js_semantic_error)
+3. PsychoJS shows a dialog with “unknown resource” message. See [tutorial_js_network_error](https://gitlab.pavlovia.org/tpronk/tutorial_js_network_error)
+
+Besides that, we've got two tutorials with more debugging and development tricks:
+1. To get additional info about what is happening in the code of your experiment, see [tutorial_js_console_log](https://gitlab.pavlovia.org/tpronk/tutorial_js_console_log)
+2. To find out how your to expose PsychoJS objects to the web browser, so that you can access them via the browser console, and try things out in order to see what works (or not), see [tutorial_js_expose_psychojs](https://gitlab.pavlovia.org/tpronk/tutorial_js_expose_psychojs).
+
+## Assignments
+This experiment has three errors, as outlined below. As you find and fix each error, the next one will appear. Once you've fixed all three, the whole experiment will run!
+
+### 1. Syntax error
+The first routine of the experiment is called `welcome_participant`, which contains a code component called `welcome_code`. Note that "Code Type" of this code component is set to "Both", so any modifications to the Python or JS are done separately from each other; they are not auto-translated. At the "Begin Routine" tab is a bit of JS that aims to set the text of `welcome_text` to "Welcome (participant)", where (participant) is the value entered for participant in the loading dialog box. However, the JS has a syntax error, so the experiment is stuck in "initialising the experiment...". Please find and fix the error. For some guidance on how to achieve this, search online for "JavaScript String concatenation" or see [this page](https://medium.com/javascript-in-plain-english/how-to-append-concatenate-strings-in-javascript-a-few-different-ways-e1d5a97f4503). 
+
+## 2. Semantic error
+The second routine of the experiment is called `announce_session`, which contains a code component called `announce_code`. Note that "Code Type" of this code component is set to "Auto -> JS", so any modifications to the Python are automatically translated to JS. At the "Begin Routine" tab is a bit of JS that aims to set the text of `announce_text` to "This is session: (session)", where (session) is the value entered for session in the loading dialog box. However, the JS has a semantic error, so when you arrive at this routine, you get an error message saying "ReferenceError: session is not defined". Please find and fix the error. For some guidance on how to achieve this, take a peek at how the value for participant was obtained from the loading dialog box.
+
+### 3. Network error
+The experiment contains a loop called `trials`, which refers to a Conditions file called `trialTypes.xls`. The first trial of this loop goes well, but on the second trial you'll get an error saying "unknown resource". Please find and fix this error. 
+
+
--- a/assignment_stroop-legacy-browsers.js
+++ b/assignment_stroop-legacy-browsers.js
--- a/assignment_stroop.js
+++ b/assignment_stroop.js
--- a/assignment_stroop.psyexp
+++ b/assignment_stroop.psyexp
--- a/blue_blue.png
+++ b/blue_blue.png
--- a/blue_red.png
+++ b/blue_red.png
--- a/green_blue.png
+++ b/green_blue.png
--- a/green_green.png
+++ b/green_green.png
--- a/index.html
+++ b/index.html
+<!doctype html>
+<html>
+
+<head>
+    <title>assignment_stroop [PsychoPy]</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="user-scalable=no">
+
+    <!-- styles -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
+    <link rel="stylesheet" href="https://lib.pavlovia.org/psychojs-2021.1.3.css">
+</head>
+
+<body>
+    <div id="root"></div>
+
+     <!-- external libraries -->
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/seedrandom/3.0.1/seedrandom.min.js"></script>
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pixi.js-legacy@5.3.3/dist/pixi-legacy.min.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/PreloadJS/1.0.1/preloadjs.min.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.7/xlsx.full.min.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/log4javascript/1.4.9/log4javascript.min.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.7.61/Tone.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.1/howler.min.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pako/1.0.10/pako.min.js"></script>
+
+    <!-- experiment -->
+    <script type='module' src='./assignment_stroop.js'></script>
+
+    <!-- legacy browsers -->
+    <script nomodule type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js"></script>
+    <script nomodule type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/url-search-params/1.1.0/url-search-params.js"></script>
+    <script nomodule type="text/javascript" src="https://lib.pavlovia.org/psychojs-2021.1.3.js"></script>
+    <script nomodule type="text/javascript" src="./assignment_stroop-legacy-browsers.js"></script>
+</body>
+
+</html>
--- a/red_green.png
+++ b/red_green.png
--- a/red_red.png
+++ b/red_red.png
--- a/trialTypes.xlsx
+++ b/trialTypes.xlsx