JS Scopes

Question

I made a question about this a while ago but it never helped too much. In my code I have a function to make the canvas fit the output area no matter the size of your device. However If I try to use the canvas outside of that it doesn't work. Could someone edit whatever I have done and fix it as a few people have given solutions but when I implement them they do not work

my code: https://code.sololearn.com/W07da4CrvrB7/#html

Answer 1

here
https://code.sololearn.com/WHEVdfyQqsSh/?ref=app

Answer 2

Just make 'ctx' a global variable.

Answer 3

Your last question already gave the same answer.
https://www.sololearn.com/Discuss/1638913/?ref=app

Move var ctx to global scope

Answer 4

I moved it to a global scope but the canvas itself did not work anymore