Help with Game Dev w/ Js 18.2

Question

Always says null reading 'getContext' not sure why. I did copy it to JS still same result. This what I should input the code;

var canvas= document.getElementById ('canvas');
var context= canvas.getcontext('2d');
var x=300;
var y=350;

context.arc( x, y, 50, 0, 2 * Math.PI);
context.fillStyle='red';
context.fill();

Answer 1

'null' is when your running this code before canvas gets loaded

Answer 2

So put your code in this :
window.onload() = function() {your code here}

Answer 3

I think I know why.

Answer 4

I'm still learning, but there was a problem with your solution which is an error according to the app. But the question is, is this wrong?

Window onload()=function() {var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var x = 300;
var y = 350;
}
context.arc(x, y, 50, 0, 2 * Math.PI);
context.fillStyle="red";
context.fill();

Answer 5

Try it in code playground and tell me the error you get

Answer 6

Help

Answer 7

This not working