document.write() & document.writeln()to write text output to brwoser screen in JavaScript

document.write('Hello World');

Hello World

The above command will print Hello World in the web browser. Full code is here

<script>
document.write('Hello World');
</script>

We can use document object to send output to the client browser from our JavaScript code block. This is a simple way to send output and we can print any text we want to write. We can print the output within our JavaScript code block only.

We can print variables like this.

my_var='Hello World'

document.write(my_var)

We can print two variables like this

my_var="Hello World"
my_var1="Hello World"

document.write(my_var + my_var1)

Adding Line Break

We can add line break before this by using document.writeln. We can also add a line break like above example where ever required.

document.write(my_var + "<br>"+my_var1 )

Using document.writeln()

document.writeln() will add one line break after the statement. However while displaying, HTML will remove all white space and keep one single space, so new line will not be displayed. To get line break we will keep our code inside <pre> tag.

<script>
document.write("<pre>")
document.writeln('Hello World');
document.writeln(' Welcome');
document.write("</pre>")
</script>

Output

Hello World
 Welcome

Exercise Keep the document.write() inside a function. Trigger the function on button click to show the message Hello World

document Object Cookies

Subscribe to our YouTube Channel here

document.write() : Output to browser

Adding Line Break

Using document.writeln()

Subscribe