Buenas tardes.
En cursos anteriores cuando yo llamaba una etiqueta del mundo HTML por ejemplo y deseaba ubicar el cursor sobre el cuadro de texto, simplemente hacía esto: var entrada = document.querySelector("input"); y debajo de este colocaba: entrada.focus( ); Entonces, mi pregunta es con relación a lógica de programación 3 al inicio ¿Por qué se define una variable para var pincel = pantalla.getContext("2d");? ¿Qué pasaría si uso esta función sin asignarle una variable como en el ejemplo de la etiqueta input?
<canvas with="600" height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
</script>