I datorprogrammering är Print ett kommando som används för att visa någon typ av text på skärmen. Den kan användas för att visa text (sträng), en variabel, siffror eller matematiska beräkningar. En av de första sakerna som många programmerare lär sig är hur man använder ett Print -kommando för att skapa ett program som visar "Hello World!". Till skillnad från andra programmeringsspråk återges Javascript i en webbläsare. Javascript har inte ett enkelt utskriftskommando som många andra språk har. Det finns dock många sätt att visa text antingen i HTML -dokumentet, ett varningsfönster, konsolen. Du kan också använda Javascript för att skriva ut från en skrivare.
Steg
Metod 1 av 4: Använda InnerHTML
Steg 1. Skriv <p id = i brödtexten i ditt HTML -dokument
Detta är den inledande HTML -taggen för paragraftext med ett specifikt id.
Mer information om hur du skriver HTML -kod finns i Hur man skapar en enkel webbsida med HTML
Steg 2. Skriv ett namn för styckeelementet i citattecken följt av>
Detta tilldelar stycktextelementet ett ID som kan återkallas i Javascript. Till exempel,"
".
Du kan också använda andra text -HTML -element, till exempel en rubrik {{kbd |
Steg 3. Skriv
omedelbart efter"
tagg.
Detta lägger till en avslutande tagg för det inledande stycket HTML -element
Steg 4. Tryck på ↵ Enter
Detta lägger till en ny rad i din HTML.
Steg 5. Skriv och tryck på ↵ Enter
Detta är öppningstaggen för ditt Javascript. All Javascript -kodning ska gå efter den här taggen.
Steg 6. Skriv document.getElementById
Detta är javascript -koden för att anropa ett HTML -element med sitt ID.
Steg 7. Skriv ID för styckeelementet i citattecken inom parentes
Om ditt styckeelement är"
", skulle din javascript -kod läsa" document.getElementById ("matematik") ".
Steg 8. Skriv. InnerHTML = efter parentesen
Detta kommando används för att visa textutmatningar med hjälp av HTML -elementet.
Steg 9. Skriv det du vill skriva ut följt av ett semikolon (;
).
Du kan visa text, en variabel, siffror eller en matematisk ekvation.
Skriv till exempel "document.getElementById (" demo "). InnerHTML = 27 + 33;" för att skriva ut summan av 27 + 33
Steg 10. Tryck på ↵ Enter och skriv
Den här taggen stänger din Javascript -kod. Skriv den här taggen när du är klar anger du alla dina rader med Javascript. När du laddar HTML -dokumentet i en webbläsare kommer det att skrivas ut inuti HTML -dokumentet.
Metod 2 av 4: Använda en fönstervarning
Steg 1. Skriv in brödtexten i ditt HTML -dokument
Detta är öppningstaggen för ditt Javascript.
Steg 2. Tryck på ↵ Enter och skriv varning
Detta är javascript-kommandot för att öppna en popup-fönstervarning.
Steg 3. Skriv det du vill skriva ut inom parentes
Du kan skriva text, en variabel, siffror eller en matematisk ekvation. Till exempel "varning (" Hello Sweety! ")" För att visa "Hello Sweety!" i ett popup-fönster.
Steg 4. Lägg till en semikolon (;
) i slutet.
Detta stänger din rad med Javascript. Hela raden ska se ut ungefär som "alert (" Hello Sweety! ");".
Steg 5. Tryck på ↵ Enter och skriv
Den här taggen stänger din Javascript -kod. Skriv den här taggen när du har skrivit in alla dina rader med Javascript. När du läser in ditt HTML-dokument i en webbläsare kommer den text du vill skriva ut att visas i ett popup-fönster.
Du kan också skapa en knapp som visar utskriven text i ett popup-fönster. Skriv "knapptext" för att göra det
Metod 3 av 4: Använda konsolloggen
Steg 1. Skriv in brödtexten i ditt HTML -dokument
Detta är öppningstaggen för ditt Javascript.
Steg 2. Tryck på ↵ Enter och skriv console.log
Detta är javascript -kommandot för en konsollogg. En konsollogg är det närmaste till ett utskriftskommando i den typiska kodande bemärkelsen. Det visar inte text på din webbsida, men det visar text inuti konsolen när du kör HTML/Javascript i en webbläsare. Detta är användbart för felsökning.
Steg 3. Skriv texten du vill logga in inom parentes
Det kan vara text (en sträng), en variabel, siffror eller en matematisk ekvation. Till exempel console.log (jag skriver ut i Javascript).
Steg 4. Lägg till en semikolon (;
) i slutet.
Detta stänger din rad med Javascript. Hela raden ska se ut ungefär som "nowiki> console.log (jag skriver ut i Javascript)
Steg 5. Tryck på ↵ Enter och skriv
Den här taggen stänger din Javascript -kod. Skriv den här taggen när du har skrivit in alla dina rader med Javascript.
Steg 6. Spara ditt HTML -dokument
Använd följande steg för att spara ditt HTML -dokument.
- Klick Fil högst upp i din textredigerare eller HTML -redigeringsprogram.
- Klick Spara som.
- Skriv ett filnamn för HTML -dokumentet.
- Se till att det sparas som ett ".html" -dokument.
- Klick Spara.
Steg 7. Öppna HTML -dokumentet i en webbläsare
Öppna valfri webbläsare och skriv in HTML -dokumentets filplats i adressfältet högst upp. Detta öppnar HTML -dokumentet i din webbläsare.
Steg 8. Tryck på F12
Detta öppnar utvecklarläge i din webbläsare. Du kommer att se ett nytt fönster med HTML-, CSS- och Javascript -koden.
Steg 9. Klicka på Console
Det är högst upp i utvecklarlägesfönstret.
Steg 10. Uppdatera din webbläsare
Steg 1. Skriv <button onclick = i brödtexten i ditt HTML -dokument
Detta är den inledande HTML -taggen för att skapa en knapp i din HTML.
Steg 2. Skriv "window.print ()"> efter likhetstecknet (=)
Kommandot "window.print ()" är Javascript -kommandot för att skriva ut innehållet i ditt webbläsarfönster. Fästet (>) slutför öppningstaggen för HTML -knappen.
Steg 3. Skriv texten du vill skriva i knappen
Detta bör gå direkt efter fästet (>). Du kan till exempel skriva "Klicka här för att skriva ut" eller något liknande.
Steg 4. Skriv
Detta stänger HTML -knappelementet. När du gör din HTML i en webbläsare skapas en knapp som du kan klicka på för att skriva ut innehållet i din webbläsare.