Solucionado (ver solução)

Importante

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
(ver solução)
1
resposta

querySelector()

Mestre, para o trecho de código:

..canvas width="600" height="400">

..script>

var tela = document.querySelector("canvas");

../script>

Entendo que o javascript enxerga a tag com facilidade pois só existe uma.

Se por algum motivo eu necessite criar duas "empty canvas", existe alguma forma de dar um "nome" ou "identificador" para essas tags?

Algo do tipo:

..canvas 01 width="600" height="400">

..canvas 02 width="50" height="50">

..script>

var tela01 = document.????????(01);

var tela02 = document.????????(02);

../script>

1 resposta
solução!

Olá Carlos,

Você poderia utilizar um id para cada uma. Assim:

<canvas id="tela01">

<canvas id="tela02">

E ao utilizar o querySelector() deve inserir o identificador de id: #.

querySelector("#tela01")

querySelector("#tela02")

Bons estudos!