<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>
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