Problemas com o getContext (Cannot read property 'getContext')

Front-end JavaScript
, ,
#1

Estou resolvendo alguns exercícios de um livro, e pede para eu fazer um “V” no canvas utilizando bolas azuis. Escrevi o código e quando rodo aparece a seguinte mensagem no console do navegador:

Uncaught TypeError: Cannot read property ‘getContext’ of null
_ at vingança.html:5_
(anonymous) @ vingança.html:5

Sendo o código:

<canvas id="tela" width="600" height="400"></canvas>

<script>
var tela=document.getElementById("telas");
var c= tela.getContext("2d");
function bolaAzul(a,b){
	c.fillStyle="blue";
	c.beginPath();
	c.arc(a,b,10,0,2*Math.PI);
	c.fill();
}

var base=8;
for (var x=0;x<5;x++){
	var b=0
	for (var y=0; y<9;y++){
		var a=0
		if(y==base||y==x){
			bolaAzul(a,b);
		}
		a=a+25;
	}
	base=base-1;
	b=b+50
	
}

</script>

Observem que a linha 5 é: var c= tela.getContext(“2d”);
Já copiei trechos de outros códigos meus em que funcionava normalmente (as vezes faço isso para detectar erros de digitação que possa ter cometido), e nada.

Me ajudem, desde já agradeço.

#2

o getElementById esta buscando um id que nao existe.
Voce colocou o id no canvas de “tela”

#3

Muito obrigado :smiley:

#4 
<canvas height="600" width="600" id="mycavas">O seu browser não surpota este elemento</canvas>
<script>
	var canvas = document.getElementById("mycanvas");
	var ctx = canvas.getContext("2d");
	
	var teclas = {};

	var bola = {
		x: canvas.width / 2 - 15,
		y: canvas.height / 2 - 15,
		altura: 30,
		largura: 30,
		dirx: -1,
		diry: 1,
		mod: 0,
		speed: 50
	};
	var esquerda = {
		x: 10,
		y: canvas.height / 2 - 60,
		altura: 120,
		largura: 30,
		score: 0,
		speed: 15
	};
	var direita = {
		x: 560,
		y: canvas.height / 2 - 60,
		altura: 120,
		largura: 30,
		score: 0,
		speed: 15
	};
	function desenha() {
		ctx.fillStyle = "white";
		ctx.fillRect(esquerda.x, esquerda.y, esquerda.largura, esquerda.altura);
		ctx.fillRect(direita.x, direita.y, direita.largura, direita.altura);
		ctx.fillRect(bola.x, bola.y, bola.largura, bola.altura);
	}

estou com problemas com o getContext

#5

O id mycanvas não existe.