<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector('cavanas');
var pincel = tela.getContext('2d');
pincel.fillStyle = 'lightgrey';
pincel.fillRect (0, 0, 600, 400);
</script>
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector('cavanas');
var pincel = tela.getContext('2d');
pincel.fillStyle = 'lightgrey';
pincel.fillRect (0, 0, 600, 400);
</script>
Opa Guilherme beleza?
O erro está na linha do var tela, vc declarou "cavanas" ao invés de "canvas", por isso que não funcionou.
Erros de sintaxe são sempre chatos mesmo, tanto na gramática quanto na programação :P