code typo on jspsych-canvas-button-response page

[LMD-nat]

Edit: I opened an issue about this, which might make it easier to deal with. Had no clue where to put this a few minutes ago!

I guess I could leave this here so other people might know what to do if they come across typos or little hiccups?

Thanks!

Here's the original message for inquiring minds!

---

Hi gang!

Just wanted to report a typo in the example code on the jspsych-canvas-button-response webpage.

The example code works well there's just a comma missing at prompt: <p>What color is the circle?</p>

Current code:

function filledCirc(canvas, radius, color){
    var ctx = canvas.getContext("2d");
    ctx.beginPath();
    ctx.arc(250, 250, radius, 0, 2 * Math.PI);
    ctx.fillStyle = color;
    ctx.fill()
}

var circle_1 = {
    type: 'canvas-button-response',
    stimulus: function (c) {
        filledCirc(c, 100, 'blue');
    },
    choices: ['Red', 'Green', 'Blue'],
    prompt: '<p>What color is the circle?</p>'
    data: {color: 'blue', radius: 100}
};

var circle_2 = {
    type: 'canvas-button-response',
    stimulus: function (c) {
        filledCirc(c, 150, 'green');
    },
    choices: ['Larger', 'Smaller'],
    prompt: '<p>Is this circle larger or smaller than the last one?</p>',
    data: {color: 'green', radius: 150}
};

Fixed code:

function filledCirc(canvas, radius, color){
    var ctx = canvas.getContext("2d");
    ctx.beginPath();
    ctx.arc(250, 250, radius, 0, 2 * Math.PI);
    ctx.fillStyle = color;
    ctx.fill()
}

var circle_1 = {
    type: 'canvas-button-response',
    stimulus: function (c) {
        filledCirc(c, 100, 'blue');
    },
    choices: ['Red', 'Green', 'Blue'],
    prompt: '<p>What color is the circle?</p>',
    data: {color: 'blue', radius: 100}
};

var circle_2 = {
    type: 'canvas-button-response',
    stimulus: function (c) {
        filledCirc(c, 150, 'green');
    },
    choices: ['Larger', 'Smaller'],
    prompt: '<p>Is this circle larger or smaller than the last one?</p>',
    data: {color: 'green', radius: 150}
};

Thanks!

Nathalie

[becky-gilbert]

Hi @LMD-nat, yep the Issues is exactly the right place for this sort of thing. Thanks very much!