diff --git a/packages/plugin-html-slider-response/src/index.ts b/packages/plugin-html-slider-response/src/index.ts index 1351cb25..3bf3eb10 100644 --- a/packages/plugin-html-slider-response/src/index.ts +++ b/packages/plugin-html-slider-response/src/index.ts @@ -73,6 +73,11 @@ const info = { type: ParameterType.BOOL, default: true, }, + /** If true, the slider's value will be displayed in real time below the slider. */ + value_display: { + type: ParameterType.BOOL, + default: true, + }, }, data: { /** The time in milliseconds for the participant to make a response. The time is measured from when the stimulus first appears on the screen until the participant's response. */ @@ -129,7 +134,13 @@ class HtmlSliderResponsePlugin implements JsPsychPlugin { trial.max + '" step="' + trial.step + - '" id="jspsych-html-slider-response-response">'; + '" id="jspsych-html-slider-response-response"> '; + if (trial.value_display) { + html += 'oninput="this.nextElementSibling.value = this.value">'; + html += "" + trial.slider_start + ""; + } else { + html += ">"; + } html += "
"; for (var j = 0; j < trial.labels.length; j++) { var label_width_perc = 100 / (trial.labels.length - 1);