Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

code typo on jspsych-canvas-button-response page

See original GitHub issue

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

Note: I put this issue in the wrong place, I had it on the discussion board as discussion #1839!