mirror of
https://github.com/jspsych/jsPsych.git
synced 2025-05-13 09:08:13 +00:00
40 lines
1.3 KiB
HTML
40 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>My experiment</title>
|
|
<!-- Load jQuery -->
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
|
<!-- Load the jspsych library and plugins -->
|
|
<script src="scripts/jspsych.js"></script>
|
|
<script src="scripts/plugins/jspsych-text.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="jspsych_target"></div>
|
|
</body>
|
|
<script type="text/javascript">
|
|
// Experiment Instructions
|
|
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\
|
|
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
|
|
var instruction_block = {
|
|
type: "text",
|
|
text: [welcome_message, instructions]
|
|
};
|
|
|
|
|
|
jsPsych.init({
|
|
display_element: $('#jspsych_target'),
|
|
experiment_structure: [instruction_block]
|
|
});
|
|
</script>
|
|
|
|
</html>
|