Bij computerprogrammering is Print een commando dat wordt gebruikt om een bepaald type tekst op het scherm weer te geven. Het kan worden gebruikt om tekst (string), een variabele, getallen of wiskundige berekeningen weer te geven. Een van de eerste dingen die veel programmeurs leren, is hoe ze een Print-opdracht kunnen gebruiken om een programma te maken dat "Hello World!" weergeeft. In tegenstelling tot andere programmeertalen, wordt Javascript weergegeven in een webbrowser. Javascript heeft geen eenvoudig Print-commando zoals veel andere talen. Er zijn echter veel manieren waarop u tekst kunt weergeven in het HTML-document, een waarschuwingsvenster of de console. U kunt ook Javascript gebruiken om vanaf een printer af te drukken.
Stappen
Methode 1 van 4: InnerHTML gebruiken
Stap 1. Typ <p id= in de hoofdtekst van uw HTML-document
Dit is de openings-HTML-tag voor alineatekst met een specifieke id.
Ga voor meer informatie over het schrijven van HTML-code naar Een eenvoudige webpagina maken met HTML
Stap 2. Typ een naam voor het alinea-element tussen aanhalingstekens gevolgd door >
Dit wijst het alineatekstelement een ID toe die kan worden opgeroepen in Javascript. Bijvoorbeeld,"
".
U kunt ook andere HTML-tekstelementen gebruiken, zoals een header {{kbd|
Stap 3. Typ
onmiddellijk na de"
label.
Dit voegt een afsluitende tag toe voor het HTML-element van de openingsparagraaf
Stap 4. Druk op ↵ Enter
Dit voegt een nieuwe regel toe aan uw HTML.
Stap 5. Typ en druk op ↵ Enter
Dit is de openingstag voor uw Javascript. Alle Javascript-codering moet achter deze tag komen.
Stap 6. Typ document.getElementById
Dit is de javascript-code om een HTML-element op basis van zijn ID aan te roepen.
Stap 7. Typ de ID van het alinea-element tussen aanhalingstekens tussen haakjes
Als uw alinea-element"
", zou uw javascript-code "document.getElementById("math")" zijn.
Stap 8. Typ. InnerHTML = na de haakjes
Deze opdracht wordt gebruikt om tekstuitvoer weer te geven met behulp van het HTML-element.
Stap 9. Typ wat u wilt afdrukken, gevolgd door een puntkomma (;
).
U kunt tekst, een variabele, getallen of een wiskundige vergelijking weergeven.
Typ bijvoorbeeld "document.getElementById("demo").innerHTML = 27 + 33;" om de som van 27 + 33 af te drukken
Stap 10. Druk op ↵ Enter en typ
Deze tag sluit uw Javascript-code af. Typ deze tag als u klaar bent, voer al uw Javascript-regels in. Wanneer u het HTML-document in een webbrowser laadt, wordt het in het HTML-document afgedrukt.
Methode 2 van 4: Een vensterwaarschuwing gebruiken
Stap 1. Typ de hoofdtekst van uw HTML-document
Dit is de openingstag voor uw Javascript.
Stap 2. Druk op ↵ Enter en typ alert
Dit is het javascript-commando om een pop-upvensterwaarschuwing te openen.
Stap 3. Typ tussen haakjes wat u wilt afdrukken
U kunt tekst, een variabele, getallen of een wiskundige vergelijking typen. Bijvoorbeeld "alert("Hallo lieverd!")" om "Hallo lieverd!" weer te geven. in een pop-upvenster.
Stap 4. Voeg een puntkomma toe (;
) aan het einde.
Hiermee sluit u uw Javascript-regel. De hele regel moet er ongeveer uitzien als "alert("Hello Sweety!");".
Stap 5. Druk op ↵ Enter en typ
Deze tag sluit uw Javascript-code af. Typ deze tag wanneer u klaar bent met het invoeren van al uw Javascript-regels. Wanneer u uw HTML-document in een webbrowser laadt, wordt de tekst die u wilt afdrukken weergegeven in een pop-upvenster.
U kunt ook een knop maken die afgedrukte tekst in een pop-upvenster weergeeft. Typ hiervoor "Knoptekst"
Methode 3 van 4: Consolelogboek gebruiken
Stap 1. Typ de hoofdtekst van uw HTML-document
Dit is de openingstag voor uw Javascript.
Stap 2. Druk op ↵ Enter en typ console.log
Dit is het javascript-commando voor een consolelog. Een consolelogboek komt het dichtst in de buurt van een afdrukopdracht in de typische coderingszin. Het geeft geen tekst weer op uw webpagina, maar het geeft wel tekst weer in de console wanneer u uw HTML/Javascript in een webbrowser uitvoert. Dit is handig voor het debuggen.
Stap 3. Typ de tekst die u wilt inloggen tussen haakjes
Dit kan tekst (een tekenreeks), een variabele, getallen of een wiskundige vergelijking zijn. Bijvoorbeeld: console.log(ik druk af in Javascript).
Stap 4. Voeg een puntkomma toe (;
) aan het einde.
Hiermee sluit u uw Javascript-regel. De hele regel zou er ongeveer zo uit moeten zien als "nowiki>console.log(ik ben aan het afdrukken in Javascript)
Stap 5. Druk op ↵ Enter en typ
Deze tag sluit uw Javascript-code af. Typ deze tag wanneer u klaar bent met het invoeren van al uw Javascript-regels.
Stap 6. Sla uw HTML-document op
Gebruik de volgende stappen om uw HTML-document op te slaan.
- Klik Bestand bovenaan uw teksteditor of HTML-bewerkingsprogramma.
- Klik Opslaan als.
- Typ een bestandsnaam voor het HTML-document.
- Zorg ervoor dat het wordt opgeslagen als een ".html"-document.
- Klik Opslaan.
Stap 7. Open het HTML-document in een webbrowser
Open een webbrowser naar keuze en typ de bestandslocatie van het HTML-document in de adresbalk bovenaan. Hierdoor wordt het HTML-document in uw webbrowser geopend.
Stap 8. Druk op F12
Dit opent de ontwikkelaarsmodus in uw webbrowser. U ziet een nieuw venster met de weergegeven HTML-, CSS- en Javascript-code.
Stap 9. Klik op Console
Het staat bovenaan het venster van de ontwikkelaarsmodus.
Stap 10. Vernieuw uw browser
Stap 1. Typ <button onclick= in de hoofdtekst van uw HTML-document
Dit is de openings-HTML-tag om een knop in uw HTML te maken.
Stap 2. Typ "window.print()"> na het gelijkteken (=) teken
De opdracht "window.print()" is de Javascript-opdracht om de inhoud van uw webbrowservenster af te drukken. Het haakje (>) maakt de openingstag van de HTML-knop af.
Stap 3. Typ de tekst die u wilt gaan in de knop
Dit moet direct na de haak (>) komen. U kunt bijvoorbeeld "Klik hier om af te drukken" of iets dergelijks typen.
Stap 4. Typ
Dit sluit het HTML-knopelement af. Wanneer u uw HTML in een webbrowser rendert, wordt er een knop gemaakt waarop u kunt klikken om de inhoud van uw webbrowser af te drukken.