Is there print in javascript?

Download Article

• Using InnerHTML
|
• Using a Window Alert
|
• Using Console Log
|
• Printing from a Printer

In computer programming, Print is a command used to display some type of text on-screen. It can be used to display text [string], a variable, numbers or math calculations. One of the first things many programmers learn is how to use a Print command to create a program that displays "Hello World!". Unlike other programming languages, Javascript is rendered within a web browser. Javascript doesn't have a simple Print command like a lot of other languages do. However, there are many ways you can display text either within the HTML document, an alert window, the console. You can also use Javascript to print from a printer.

1. 1

   Type

   . This assigns the paragraph text element an ID that can be recalled in Javascript. For example, "

   ".

   • You can also use other text HTML elements, such a header {{kbd|

   Advertisement

2. 3

   Type

   immediately after the "

   " tag. This adds a closing tag for the opening paragraph HTML element

3. 4

   Press ↵ Enter. This adds a new line to your HTML.

4. 5

   Type and press ↵ Enter. This is the opening tag for your Javascript. All Javascript coding should go after this tag.

5. 6

   Type document.getElementById. This is the javascript code to call an HTML element by it's ID.

6. 7

   Type the ID of the paragraph element in quotes inside parenthesis. If your paragraph element is "

   ", your javascript code would read "document.getElementById["math"]".

7. 8

   Type .InnerHTML = after the parenthesis. This command is used to display text outputs using the HTML element.

8. 9

   Type what you want to print followed by a semicolon [;]. You can display text, a variable, numbers, or a math equation.

   • For example, type "document.getElementById["demo"].innerHTML = 27 + 33;" to print the sum of 27 + 33.

9. 10

   Press ↵ Enter and type . This tag closes your Javascript code. Type this tag when you are finished enter all your lines of Javascript. When you load the HTML document in a web browser, it will print inside the HTML document.

Advertisement

1. 1

   Type in the body of your HTML document. This is the opening tag for your Javascript.

2. 2

   Press ↵ Enter and type alert. This is the javascript command to open a pop-up window alert.

3. 3

   Type what you want to print in parenthesis. You can type text, a variable, numbers, or a math equation. For example, "alert["Hello Sweety!"]" to display "Hello Sweety!" in a pop-up window.

4. 4

   Add a semi-colon [;] at the end. This closes your line of Javascript. The entire line should look something like "alert["Hello Sweety!"];".

5. 5

   Press ↵ Enter and type . This tag closes your Javascript code. Type this tag when you are finished entering all your lines of Javascript. When you load your HTML document in a web browser, it will display the text you want to print in a pop-up window.

   • You can also create a button that displays printed text in a pop-up window. To do so, type "Button text".

Advertisement

1. 1

   Type in the body of your HTML document. This is the opening tag for your Javascript.

2. 2

   Press ↵ Enter and type console.log. This is the javascript command for a console log. A console log is the closest thing to a Print command in the typical coding sense. It doesn't display text on your web page, but it does display text inside the console when you run your HTML/Javascript inside a web browser. This is useful for debugging.

3. 3

   Type the text you want to log in parenthesis. It can be text [a string], a variable, numbers, or a math equation. For example, "console.log[I am printing in Javascript].

4. 4

   Add a semi-colon [;] at the end. This closes your line of Javascript. The entire line should look something like "nowiki>console.log[I am printing in Javascript]

5. 5

   Press ↵ Enter and type . This tag closes your Javascript code. Type this tag when you are finished entering all your lines of Javascript.

6. 6

   Save your HTML document. Use the following steps to save your HTML document.

   • Click File at the top of your text editor or HTML editing program.
   • Click Save as.
   • Type a file name for the HTML document.
   • Ensure it saves as a ".html" document.
   • Click Save.

7. 7

   Open the HTML document in a web browser. Open any web browser of your choice and type the file location of the HTML document in the address bar at the top. This will open the HTML document in your web browser.

8. 8

   Press F12. This opens Developer Mode in your web browser. You will see a new window with the HTML, CSS, and Javascript code displayed.

9. 9

   Click Console. It's at the top of the developer mode window.

10. 10

    Refresh your browser

    . It's the icon that resembles a circular arrow at the top of your web browser. This reloads the HTML document in the web browser. As the web browser processes the HTML and Javascript, it will display the console log text inside the console in the Developer Mode window.

Advertisement

1. 1

   Type after the equals [=] sign. The "window.print[]" command is the Javascript command to print the contents of your web browser window. The bracket [>] finishes the opening tag of the HTML button.

2. 3

   Type the text you want to go in the button. This should go right after the bracket [>]. For example, you could type "Click here to print" or something similar.

3. 4

   Type . This closes out the HTML button element. When you render your HTML in a web browser, it will create a button you can click to print the contents of yoru web browser.[1]

Advertisement

Ask a Question

200 characters left

Include your email address to get a message when this question is answered.

Submit

Advertisement

Thanks for submitting a tip for review!

References

About This Article

Article SummaryX

1. Type "console.log" within your Javascript elements
2. Type what you want to print inside parenthesis after "console.log".
3. Close the line out with a semicolon [;].
4. Save your HTML document and load it in a web browser.
5. Press F12 to open the Developer Mode window.
6. Click the Console tab in the Developer Mode window.
7. Refresh your browser.
8. Watch the output in the Console to see what "console.log" command prints.

Did this summary help you?

Thanks to all authors for creating a page that has been read 44,346 times.

Is this article up to date?

How do I print something in JavaScript?

What does print mean in JavaScript?

How do I print a line of text in JavaScript?