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

switch to css_classes parameter for stim font sizes

Browse Source
This commit is contained in:
Becky Gilbert 2021-02-19 18:21:40 -08:00
parent 0820abd2c0
commit 91fc6205fc
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
examples/demos/demo_3.html
View File

@ -5,9 +5,12 @@
<script src="../../plugins/jspsych-html-keyboard-response.js"></script> <script src="../../plugins/jspsych-html-keyboard-response.js"></script>
<link rel="stylesheet" href="../../css/jspsych.css"> <link rel="stylesheet" href="../../css/jspsych.css">
<style> <style>
#jspsych-html-keyboard-response-stimulus { .flanker-stimulus {
font-size: 500%; font-size: 500%;
} }
.debrief-text {
font-size: 25px;
}
</style> </style>
</head> </head>
<body> <body>
@ -27,7 +30,8 @@
stimulus: jsPsych.timelineVariable('stimulus'), stimulus: jsPsych.timelineVariable('stimulus'),
data: jsPsych.timelineVariable('data'), data: jsPsych.timelineVariable('data'),
post_trial_gap: 1500, post_trial_gap: 1500,
response_ends_trial: true response_ends_trial: true,
css_classes: ['flanker-stimulus']
}], }],
timeline_variables: test_stimuli, timeline_variables: test_stimuli,
sample: {type: 'fixed-repetitions', size: 2} sample: {type: 'fixed-repetitions', size: 2}
@ -39,9 +43,10 @@
var congruent_rt = Math.round(jsPsych.data.get() var congruent_rt = Math.round(jsPsych.data.get()
.filter({stim_type: 'congruent'}).select('rt').mean()); .filter({stim_type: 'congruent'}).select('rt').mean());
var incongruent_rt = Math.round(jsPsych.data.get().filter({stim_type: 'incongruent'}).select('rt').mean()); var incongruent_rt = Math.round(jsPsych.data.get().filter({stim_type: 'incongruent'}).select('rt').mean());
return "<p style='font-size:25px'>Your average response time for congruent trials was <strong>" + congruent_rt + "ms</strong>.</p>"+ return "<p>Your average response time for congruent trials was <strong>" + congruent_rt + "ms</strong>.</p>"+
"<p style='font-size:25px'>Your average response time for incongruent trials was <strong>" + incongruent_rt + "ms</strong>.</p>"; "<p>Your average response time for incongruent trials was <strong>" + incongruent_rt + "ms</strong>.</p>";
} },
css_classes: ['debrief-text']
}; };
var timeline = []; var timeline = [];