Come gestire gli output in JavaScript

In questo video vedremo tutte le maniere per gestire gli output di JavaScript.
Possiamo usare diversi tipi di output in base a quello che vogliamo ottenere.
Ad esempio se vogliamo visualizzare un messaggio con cui l'utente è obbligato ad interagire, possiamo scrivere del testo in una finestra popup chiamata "alert".
Possiamo poi visualizzare l'output direttamente nella pagina web, in questo caso possiamo usare la proprietà "innerHTML" o il metodo write().
Infine, possiamo visualizzare i nostri log nella console, questo strumento è normalmente nascosto e deve essere appositamente aperto nel browser. Spesso un normale utente non è neanche a conoscenza della sua esistenza ma per uno sviluppatore è uno strumento essenziale, in questo tutorial lo useremo moltissimo.

Note al video: 

Il nome del file del video è stato cambiato.

Trascrizione: (click per espandere)
salve a tutti in questo video vi
spiegherò come visualizzare tutti gli
output di javascript
ci sono diversi modi e cominciamo con
uno dei più semplici uno dei più
semplici e alert alert praticamente con
alert e io creo un mini finestra un
banner che display il messaggio il
messaggio è quello che ci scrivo
qualsiasi cosa che ti scrivo dentro
ciao mondo messaggio più famoso
dell'internet ecco qui quindi poi quando
io vado a caricare la pagina
eccolo qui io c'ho il mio banner con
scritto ciao mondo
la pagina vedete continua a caricare
perché è ferma a questa riga qui non è
stata del browser non ha finito di
leggerla tutta
quindi lei continua a caricare poi io
quando do ok il browser continuerà a
leggere tutta la pagina e quando
arriverà qui finirà di spinner ecco qui
un altro maniera per visualizzare gli
output di javascript usando un
e visualizza visualizzandoli
direttamente dentro a un tag della
pagina e usando come avete visto
nell'altra lezione
document.getelementbyid di vado a
prendere l'elemento chiamato display e
con questo proprietà innerhtml
vado a dire stampami dentro la pagina
ciao mondo vado a dire in questo
elemento qui sostituisci quello che c'è
dentro al tag html quindi inner con
questo testo qui andiamo a vedere cosa
succede ciao mondo ok ciao mondo ecco
qua adesso questo quello commento fuori
perché da un po fastidio ciao mondo
eccolo qui altra maniera per
visualizzare gli output di javascript è
usando la console console.log
perché noi stiamo loggando e ci scrivo
sempre ciao mondo adesso io vado a ricaricare
la pagina e non si vede niente perché la
console normalmente un utente non non
la vede devi andartelo ad aprire
personale per aprirlo poi fare click
destro col mouse inspect o ispeziona e
qui vedete c'è console console
ciao mondo un'altra maniera per aprire
la console e andando nelle casse del
browser in inglese comunque qua
l'applicazione non mi ricordo comunque
cercatela e developer tool e mi apro
sempre console la maniera più veloce per
aprirlo è per esempio nel mac facendo
command+option+i
ed eccola qui ciao mondo
noi useremo molto questo tipo di
visualizzazione di output perché se per
esempio creiamo loop infinito eccetera
se sono le visualizzazioni avviene a
sulla console si può gestire se creiamo
un loop infinito con con un alert e non
ne veniamo più fuori dobbiamo spegnere
il computer ultima maniera per
visualizzare gli output di javascript e
usando document.write ecco qui si sa
caricare ecco qua ciao mondo voi potete
dire che differenza c'è tra usare questo
document.write document.getelementbyid il problema
è che questo document.write se viene
letto dal browser e alla fine di tutta
la pagina che aggiunge il testo qui se
non si viene eletto dopo che la pagina è
stata già caricata ti riscrive tutta la
pagina per esempio se adesso io vado a
mettere dentro quel document.write
dentro una funzione scrivi per esempio e
ci metto dentro questo codice qui e la
funzione scrivi la faccio
invocare da come abbiamo visto
nell'altra lezione da questo evento del
bottone vediamo cosa succede ecco qui
quindi i temi ha riscritto tutta la
pagina con questo testo quindi il
document write è da usare solo durante
le fasi di costruzione di una pagina per
fare esperimenti eccetera non usatela
come come una funzione in una pagina
in produzione
sì ecco questi sono le 4 maniere per
stampare gli output di javascript eccoli
qui per il momento è tutto ci vediamo al
prossimo corso
File del video: 

Aggiungi un commento

Filtered HTML

  • Indirizzi web o e-mail vengono trasformati in link automaticamente
  • Elementi HTML permessi: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Linee e paragrafi vanno a capo automaticamente.

Plain text

  • Nessun tag HTML consentito.
  • Indirizzi web o e-mail vengono trasformati in link automaticamente
  • Linee e paragrafi vanno a capo automaticamente.
Per tutelare la vostra privacy suggerisco l'uso di un nickname o lasciare anonimo...
CAPTCHA
Questa domanda è per testare se sei una persona e non un software che genera spam
9 + 0 =
Risolvi la semplice domanda di matematica e inserisci il risultato. Es. se e' 1 + 3 inserisci 4.