Output con Javascript

Pagina principale di Javascript

Ci sono varie opzioni per mandare qualcosa in output con JavaScript, le basilari sono:

• alert() - Porpone una finstra di alert
• console.log() - Scrive sulla console Javascript
• InnerHTML - Consente di modificare l'HTML all'interno dei tag

Con la funzione alert è possibile inviare un messaggio all'utente in una finestra del browser.

L'alert blocca l'esecuzione del codice e resta in attesa finchè non viene premuto il bottone OK. Come viene mostrato l'alert dipende dal sistema operativo e dal browser che usiamo.

Il codice che genera la finestra è:

<script>
    alert('Io sono un alert')
</script>

Il metodo console.log() consente di stampare un messaggio sulla console del browser. La console non è visibile all'utente, ma è uno strumento necessario per inserire dei messaggi di controllo e soprattutto è nella console che vengono mostrati gli errori. Come si può accedere alla console varia a seconda del browser.

<script>
    console.log('Mi vedrai sulla console')
</script>

Esempio eseguibile

Il metodo InnerHTML consente di modificare il contenuto dei tag in tempo reale, per questo è strettamente legato al codice HTML.

<p id="mioP">
  io sono un paragrafo
</p>

Possiamo modificare il contenuto di p#mioP con il seguente codice Javascript

document.getElementById('mioP').innerHTML = "sovrascrivo p"

Attraverso document.getElementById('mioP') poniamo l'attenzione sul tag con id uguale a mioP, successivamente modifchiamo il contenuto del tag scrivendo innerHTML = “sovrascrivo p”.

In pratica con document.getElementById() selzione un oggetto presente nel codice HTML e con il metodo InnerHTML andiamo a modifcarene il contenuto.

Con inner HTML è possibile anche assegare dei tag.

document.getElementById('mioP').innerHTML = "<strong>Sono il nuovo p</strong>"