Why is my console complaining about a syntax error

Question

I have been following a guide on Udemy on Javascript. The guy who was doing helped me out alot but then i got a syntax error telling me to put in a semi colon. I put it in but then it didnt run properly. Please take a look.

function calculateMousePos(evt)
{
var rect = canvas.getBoundingClientRect();
var root = document.documentElement;
var mouseX = evt.clientX - rect.left - root.scrollLeft;
var mouseY = evt.clientY - rect.top - root.scrollTop;
return 
{
        x:mouseX,
        y:mouseY
};
}

Where specifically? What's the exact error? And please fix your formatting. — Carcigenicate, Oct 07 '17 at 15:38
it makes no sense to change the question with something new and remove the old problem. — Nina Scholz, Oct 07 '17 at 16:39
If you have a new question, use a new post please. I've rolled back your addition. — Martijn Pieters, Oct 07 '17 at 21:47

score 2 · Answer 1 · answered Oct 07 '17 at 15:41

2

In Javascript a return statement must be (at least partially) on the same line as your return value:

return {
  x:mouseX,
  y:mouseY
};

answered Oct 07 '17 at 15:41

UncleDave

6,872
1
26
44

score 2 · Answer 2 · answered Oct 07 '17 at 15:41

You need to move the curly baracket of the return object into the same line, because of Javascript's automatic semicolon insertion (ASI).

The error results of a blocks statement and a second label in it.

function calculateMousePos(evt) {
    var rect = canvas.getBoundingClientRect();
    var root = document.documentElement;
    var mouseX = evt.clientX - rect.left - root.scrollLeft;
    var mouseY = evt.clientY - rect.top - root.scrollTop;
    return {
        x: mouseX,
        y: mouseY
    };
}

@D.Kippen, now you changed the question. – Nina Scholz Oct 07 '17 at 16:34 — Nina Scholz, Oct 07 '17 at 16:34

Why is my console complaining about a syntax error

2 Answers2