Solucionado (ver solução)
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!