Nella programmazione del computer, Print è un comando utilizzato per visualizzare un tipo di testo sullo schermo. Può essere utilizzato per visualizzare testo (stringa), una variabile, numeri o calcoli matematici. Una delle prime cose che molti programmatori imparano è come usare un comando Stampa per creare un programma che mostri "Hello World!". A differenza di altri linguaggi di programmazione, Javascript viene visualizzato all'interno di un browser web. Javascript non ha un semplice comando di stampa come fanno molti altri linguaggi. Tuttavia, ci sono molti modi per visualizzare il testo all'interno del documento HTML, una finestra di avviso, la console. Puoi anche utilizzare Javascript per stampare da una stampante.
Passi
Metodo 1 di 4: Utilizzo di InnerHTML
Passaggio 1. Digita<p id= nel corpo del documento HTML
Questo è il tag HTML di apertura per il testo del paragrafo con un ID specifico.
Per ulteriori informazioni su come scrivere codice HTML, consulta Come creare una pagina Web semplice con HTML
Passaggio 2. Digitare un nome per l'elemento paragrafo tra virgolette seguito da >
Questo assegna all'elemento di testo del paragrafo un ID che può essere richiamato in Javascript. Per esempio,"
".
Puoi anche usare altri elementi HTML di testo, come un'intestazione {{kbd|
Passaggio 3. Digita
subito dopo il"
etichetta.
Questo aggiunge un tag di chiusura per l'elemento HTML del paragrafo di apertura
Passaggio 4. Premere Invio
Questo aggiunge una nuova riga al tuo HTML.
Passaggio 5. Digitare e premere Invio
Questo è il tag di apertura per il tuo Javascript. Tutta la codifica Javascript dovrebbe andare dopo questo tag.
Passaggio 6. Digitare document.getElementById
Questo è il codice javascript per chiamare un elemento HTML tramite il suo ID.
Passaggio 7. Digitare l'ID dell'elemento paragrafo tra virgolette tra parentesi
Se il tuo elemento paragrafo è"
", il tuo codice javascript dovrebbe leggere "document.getElementById("math")".
Passaggio 8. Digitare. InnerHTML = dopo la parentesi
Questo comando viene utilizzato per visualizzare output di testo utilizzando l'elemento HTML.
Passaggio 9. Digitare ciò che si desidera stampare seguito da un punto e virgola (;
).
È possibile visualizzare testo, una variabile, numeri o un'equazione matematica.
Ad esempio, digita "document.getElementById("demo").innerHTML = 27 + 33;" per stampare la somma di 27 + 33
Passaggio 10. Premere Invio e digitare
Questo tag chiude il tuo codice Javascript. Digita questo tag quando hai finito inserisci tutte le tue righe di Javascript. Quando carichi il documento HTML in un browser web, verrà stampato all'interno del documento HTML.
Metodo 2 di 4: Utilizzo di un avviso di finestra
Passaggio 1. Digita il corpo del documento HTML
Questo è il tag di apertura per il tuo Javascript.
Passaggio 2. Premere ↵ Invio e digitare alert
Questo è il comando javascript per aprire un avviso di finestra pop-up.
Passaggio 3. Digitare ciò che si desidera stampare tra parentesi
Puoi digitare testo, una variabile, numeri o un'equazione matematica. Ad esempio, "alert("Hello Sweety!")" per visualizzare "Hello Sweety!" in una finestra pop-up.
Passaggio 4. Aggiungi un punto e virgola (;
) alla fine.
Questo chiude la tua linea di Javascript. L'intera riga dovrebbe assomigliare a "alert("Hello Sweety!");".
Passaggio 5. Premere ↵ Invio e digitare
Questo tag chiude il tuo codice Javascript. Digita questo tag quando hai finito di inserire tutte le tue righe di Javascript. Quando carichi il tuo documento HTML in un browser web, visualizzerà il testo che vuoi stampare in una finestra pop-up.
Puoi anche creare un pulsante che visualizzi il testo stampato in una finestra pop-up. Per farlo, digita "Testo pulsante"
Metodo 3 di 4: utilizzo del registro della console
Passaggio 1. Digita il corpo del documento HTML
Questo è il tag di apertura per il tuo Javascript.
Passaggio 2. Premere ↵ Invio e digitare console.log
Questo è il comando javascript per un registro della console. Un log della console è la cosa più vicina a un comando Print nel tipico senso di codifica. Non visualizza il testo sulla tua pagina web, ma visualizza il testo all'interno della console quando esegui il tuo HTML/Javascript all'interno di un browser web. Questo è utile per il debug.
Passaggio 3. Digitare il testo che si desidera accedere tra parentesi
Può essere testo (una stringa), una variabile, numeri o un'equazione matematica. Ad esempio, console.log (sto stampando in Javascript).
Passaggio 4. Aggiungi un punto e virgola (;
) alla fine.
Questo chiude la tua linea di Javascript. L'intera riga dovrebbe assomigliare a "nowiki> console.log (sto stampando in Javascript)
Passaggio 5. Premere ↵ Invio e digitare
Questo tag chiude il tuo codice Javascript. Digita questo tag quando hai finito di inserire tutte le tue righe di Javascript.
Passaggio 6. Salva il tuo documento HTML
Utilizzare i seguenti passaggi per salvare il documento HTML.
- Clic File nella parte superiore dell'editor di testo o del programma di modifica HTML.
- Clic Salva come.
- Digitare un nome file per il documento HTML.
- Assicurati che venga salvato come documento ".html".
- Clic Salva.
Passaggio 7. Aprire il documento HTML in un browser web
Apri qualsiasi browser web di tua scelta e digita il percorso del file del documento HTML nella barra degli indirizzi in alto. Questo aprirà il documento HTML nel tuo browser web.
Passaggio 8. Premere F12
Questo apre la Modalità sviluppatore nel tuo browser web. Vedrai una nuova finestra con il codice HTML, CSS e Javascript visualizzato.
Passaggio 9. Fare clic su Console
Si trova nella parte superiore della finestra della modalità sviluppatore.
Passaggio 10. Aggiorna il browser
Passaggio 1. Digita <button onclick= nel corpo del documento HTML
Questo è il tag HTML di apertura per creare un pulsante all'interno del tuo HTML.
Passaggio 2. Digita "window.print()"> dopo il segno di uguale (=)
Il comando "window.print()" è il comando Javascript per stampare il contenuto della finestra del browser web. La parentesi (>) termina il tag di apertura del pulsante HTML.
Passo 3. Digita il testo che vuoi inserire nel pulsante
Questo dovrebbe andare subito dopo la parentesi (>). Ad esempio, potresti digitare "Clicca qui per stampare" o qualcosa di simile.
Passaggio 4. Digitare
Questo chiude l'elemento pulsante HTML. Quando esegui il rendering del tuo HTML in un browser web, creerà un pulsante su cui puoi fare clic per stampare il contenuto del tuo browser web.
