Flappy bird problem

Question

When trying to make the red circle in the flappy bird game game for the Java script practice I can’t because “
TypeError: null is not an object (evaluating 'canvas.getContext') at Line: 5”

Answer 1

Copy the code into a script on sololearn playground and share the script

Without seeing the code, we can't determine what is wrong

Answer 2

you are totally just randomly choosing file types.😅

Answer 3

You'll get the hang of it, no problem.
The red circle is not in your code.
Even the count is not displayed yet.
you'll get there.

Answer 4

Please link your code so we can help you

Answer 5

Oh lol i just thoght a web file was referning to what code i used, sorry

Answer 6

It says i have no code bits. Can i not share it if its part of the lessons

Answer 7

you can create a new web file then copy paste the code to it.

Answer 8

https://code.sololearn.com/cL7P5ZodJFB6/?ref=app

Answer 9

not a java file, a web html file.

Answer 10

So copy paste that in html?

Answer 11

you can recreate it by copy pasting the parts in their correct tabs. html in html, css in css, javascript in javascript.

Answer 12

I think i understand

Answer 13

Looking at what you posted, I think the problem is in your html. the button id for jump should be
id="jump"
not
id= jump

Answer 14

Ok thank you do you still want me put the other stuff

Answer 15

if its working now. no need.

Answer 16

The red circle still didnt show up

Answer 17

https://code.sololearn.com/cbTsKihEqJN6/?ref=app

Answer 18

https://code.sololearn.com/cI2Nnhhg1fJs/?ref=app

Answer 19

https://code.sololearn.com/cN2hwhmV2SLb/?ref=app

Answer 20

The code in the tutorail is in 3 diffrent things so i thought you ment to send it peice by peice and not all together. I only started yesterday so i dont know much of what im doing, which is why im getting help