Invia l'elemento alla console

Abbiamo detto a JavaScript di trovare un elemento con la classe page nella pagina, ma come facciamo a sapere che l'ha effettivamente trovato? E che l'elemento è quello giusto? Per questo abbiamo bisogno della console.

La console è uno strumento per sviluppatori che aiuta a testare il codice. Se si verifica un errore durante l'esecuzione di uno script, nella console viene visualizzato un messaggio al riguardo. È anche possibile visualizzare suggerimenti di testo nella console.

Nella nostra interfaccia, la console si trova a destra dell'editor di codice, tra il mini-browser e l'elenco delle attività. Per vedere i messaggi nella console, è necessario espanderla facendo clic sull'icona a destra.

Per inviare un messaggio alla console, è necessario utilizzare console.log:

console.log("Ciao da JavaScript!");

Come risultato di questa istruzione, la console visualizzerà il messaggio Ciao da JavaScript!

La console può visualizzare non solo il testo, ma anche i risultati dell'esecuzione delle istruzioni. Ad esempio, l'elemento trovato con l'aiuto di querySelector:

console.log(document.querySelector('.page'));

Assicuriamoci che JavaScript abbia trovato l'elemento giusto e che lo invii alla console.