HoshinoKoji/jsPsych
1
0
Fork 0
mirror of https://github.com/jspsych/jsPsych.git synced 2025-05-12 16:48:12 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

updating minor details in tutorial

Browse Source
This commit is contained in:
Josh de Leeuw 2014-02-04 12:34:00 -05:00
parent af466e78c5
commit c81b1a3fa8
2 changed files with 21 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
examples/tutorial/index.html
View File

@ -17,21 +17,25 @@
<div id="jspsych_target"></div> <div id="jspsych_target"></div>
</body> </body>
<script type="text/javascript"> <script>
// Experiment parameters // Experiment parameters
var n_trials = 20; var n_trials = 20;
var stimuli = ["img/congruent_left.gif", "img/congruent_right.gif", "img/incongruent_left.gif", "img/incongruent_right.gif"]; var stimuli = ["img/congruent_left.gif", "img/congruent_right.gif", "img/incongruent_left.gif", "img/incongruent_right.gif"];
var stimuli_types = ["congruent", "congruent", "incongruent", "incongruent"]; var stimuli_types = ["congruent", "congruent", "incongruent", "incongruent"];
// Experiment Instructions // Experiment Instructions
var welcome_message = '<div id="instructions"><p>Welcome to the experiment. Press enter to begin.</p></div>'; var welcome_message = "<div id='instructions'><p>Welcome to the " +
"experiment. Press enter to begin.</p></div>";
var instructions = '<div id="instructions"><p>You will see a series of images that look similar to this:</p>\ var instructions = "<div id='instructions'><p>You will see a " +
<p><img src="img/incongruent_right.gif"></p><p>Press the arrow key that corresponds to the direction that\ "series of images that look similar to this:</p><p>" +
the middle arrow is pointing. For example, in this case you would press the right arrow key.</p>\ "<img src='img/incongruent_right.gif'></p><p>Press the arrow " +
<p>Press enter to start.</p>'; "key that corresponds to the direction that the middle arrow " +
"is pointing. For example, in this case you would press the " +
"right arrow key.</p><p>Press enter to start.</p>";
var debrief = '<div id="instructions"><p>Thank you for participating! Press enter to see the data.</p></div>'; var debrief = "<div id='instructions'><p>Thank you for " +
"participating! Press enter to see the data.</p></div>";
// Generating Random Order for Stimuli // Generating Random Order for Stimuli
var stimuli_random_order = []; var stimuli_random_order = [];

17
examples/tutorial/part1.html
View File

@ -13,14 +13,17 @@
<body> <body>
<div id="jspsych_target"></div> <div id="jspsych_target"></div>
</body> </body>
<script type="text/javascript"> <script>
// Experiment Instructions // Experiment Instructions
var welcome_message = '<div id="instructions"><p>Welcome to the experiment. Press enter to begin.</p></div>'; var welcome_message = "<div id='instructions'><p>Welcome to the " +
"experiment. Press enter to begin.</p></div>";
var instructions = '<div id="instructions"><p>You will see a series of images that look similar to this:</p>\
<p><img src="img/incongruent_right.gif"></p><p>Press the arrow key that corresponds to the direction that\ var instructions = "<div id='instructions'><p>You will see a " +
the middle arrow is pointing. For example, in this case you would press the right arrow key.</p>\ "series of images that look similar to this:</p><p>" +
<p>Press enter to start.</p>'; "<img src='img/incongruent_right.gif'></p><p>Press the arrow " +
"key that corresponds to the direction that the middle arrow " +
"is pointing. For example, in this case you would press the " +
"right arrow key.</p><p>Press enter to start.</p>";
// Define experiment blocks // Define experiment blocks