Lez.4 Corso Base JavaScript

Output in JavaScript

- Comunicare con L'Utente in JavaScript

Output

Output (out fuori - put mettere - output in uscita)

Ci sono alcuni metodi che utilizza JavaScript per farsi vedere e comunicare con dall'utente e sono:

document.write (" ");

- document.write ("Vostro Testo");
questa istruzione ci permette di scrivere nella pagina web utilizzando il metodo write.
Il metodo write prende quello che c'è dentro le parentesi tonde e lo scrive nella pagina.
Nelle parentesi tonde se usiamo i doppi apici vuol dire che stiamo inserendo qualcosa di testuale, se scriviamo direttamente nelle parentesi tonde senza usare i doppi apici vuol dire che stiamo inserendo dei valori numerici.

alert(" ");

- alert("Vostro Messaggio!");
Un'altro modo, che utilizza JavaScript per avvisare l'utente e per comunicare con esso, è mediante le Finestre di Dialogo, le così dette pop up windows (pop up apparire windows finestre).
La finestra pop up è una finestrella che compare nella pagina web.
La Finestra di Dialogo più semplice si chiama alert e si scrive: alert("Vostro Messaggio!"); questa finestrella non fa altro che scrivere a video il messaggio che avete scritto negli apici, in questo caso: - Vostro Messaggio! -
Il messaggio compare in una finestrella con un pulsante OK che cliccando su di esso la finestrella scompare e si rifà viva quando si aggiorna la pagina.

document.getElementById(" ").innerHTML = " ";

- document.getElementById("Vostro Elemento ID").innerHTML = "Vostro Testo che Sostituisce il Testo del Vostro Elemento ID";
Un'altro metodo che usa JavaScript per generare un output a video è quello di cercare nel documento un elemento con id (in questo caso - Vostro Elemento ID - ) e sostituirlo con quello che si è scritto in innerHTML.

console.log(" ");

- console.log("Vostro Messaggio");
L'ultimo metodo per generare un output è scrivere all'interno della Console di Sistema del Browser che si sta utilizzando.
La console si apre premendo il tasto F12 e si chiude ripremendo il tasto F12.
La console permette di visualizzare e scrivere dei messaggi al suo interno.
Noi useremo sopratutto i primi tre modi:
- document.write ("Vostro Testo");

- alert("Vostro Messaggio:");

- document.getElementById("Vostro Elemento ID").innerHTML = "Vostro Testo che Sostituisce il Testo del Vostro Elemento ID";


Il Codice:
<!DOCTYPE html>
<html lang="it">                     
 <head>			    
  <title>Output</title>
  <meta charset="utf-8">
 </head>
 <body>
  <h1>Output (in uscita)</h1>
  <p id="trottolino">Testo che ho inserito nel Paragrafo</p>
  <script>
    document.write ("Testo che ho inserito in document.write!");
    document.getElementById("trottolino").innerHTML = "TESTO CH    SOSTITUISCE IL TESTO DEL PARAGRATO con id trottolino";
    console.log("messaggio per il browser che è solo un messaggio d    servizio");
    /*Finestra di Dialogo - alert - */
    alert("UN SALUTO A TUTTI VOI!!! - Ora premi OK");
  </script>
 </body>                
</html>