Onde é o erro?

Olá turma boa!
Estou tentando execultar o meu segundo codigo (não é meu, só estou copiando de um canal no youtube.), porém não abre com a imagem de um quadrado em branco. Quando abre vem com o codigo:


att a todos!

Se postar o código e não o print, quem sabe possamos olhar melhor.

Segue o codigo:

<!doctype html>

Minha Engine canvas{ position; absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; } //variável do jogo var canvas, ctx, ALTURA, LARGURA, frames = 0;
   function clique (event){
		alert("clicou");
	}
   
   function main (){
        ALTURA = window.innerHeight;
		LARGURA = window.innerWidth
		
		if (LARGURA >= 500) {
		    LARGURA =  600;
			ALTURA  =  600;
			}
			
			canvas = document.createElement("canvas");
			canvas.width = LARGURA;
			canvas.height = ALTURA;
			canvas.style.border = "1px solid #000";
			
			ctx = canvas.getContext("2d");
			document.body.appendchild(canvas);
			document.addEventListener("mousedown", clique);
			
			
   function roda (){}
   
   function atualize (){}
   
   function desenha () {}
   
   //inicializa o jogo
   
   
   

</script
</body>

Salvou o arquivo com qual extensão? Foi como .html ou .txt? (acredite, esses lapsos acontecem).

1 curtida