document.querySelector , pantalla.getContext

te dejo un ejemplo de cómo utilizar document.querySelector y JavaScript para cambiar el contenido de un elemento HTML:

Supongamos que tenemos el siguiente HTML:

 <h1 id="titulo">Este es el título</h1>
  <p id="parrafo">Este es el párrafo</p>
 <button id="boton">Cambiar contenido</button>

Lo que queremos hacer es cambiar el contenido del elemento con id parrafo cuando se haga clic en el botón. Para hacerlo, podemos utilizar document.querySelector en JavaScript:

Codigo Javascript:

// Obtenemos el botón y el párrafo por su id

var boton = document.querySelector("#boton");
var parrafo = document.querySelector("#parrafo");

// Agregamos un evento de clic al botón

boton.addEventListener("click", function() {

  // Cambiamos el contenido del párrafo

  parrafo.textContent = "Nuevo contenido del párrafo";
});

Lo que hace este código es obtener el botón y el párrafo utilizando document.querySelector y luego agregar un evento de clic al botón utilizando addEventListener. Cuando se hace clic en el botón, se ejecuta la función que cambia el contenido del párrafo utilizando la propiedad textContent.

Espero que este ejemplo te haya ayudado a entender cómo utilizar document.querySelector y JavaScript para interactuar con elementos HTML.

El ejemplo es de manera general y puede variar segun lo que necesites