How to usedocument.write( ) in JavaScript

This method is used when you want to directly write some content to the HTML document. This method is useful when you want to dynamically update the webpage’s display without any additional manipulation.

Example: Below is an example of using document.write( ) to show the name of the user.

HTML




<!DOCTYPE html>
<html lang="en">
 
<head>
    <title>Printing User Name</title>
</head>
 
<body>
    <div>
        This is div 1
    </div>
    <div>
        This is div 2
    </div>
    <script>
        // We are using PROMPT to get
        // the name from the user
        let userName =
            prompt("Method 1: Please enter your name:");
 
        // Using document.write to display
        // the entered name in the HTML document
        document.write("Your name is: " + userName);
    </script>
</body>
 
</html>


Output:

document.write( )

JavaScript Program to Print Your Own Name

We will learn how to use JavaScript methods to display your name.

There are several ways in which we can print the name of a user such as the alert( ) method, console.log( ) method, and document.write( ) method and document.getElementById( ) method. Each of these methods serves different purposes and can be used in different scenarios.

Similar Reads

These are the following approaches:

Table of Content Using alert( ) Using console.log( ) Using document.write( ) Using document.getElementById( )...

Approach 1: Using alert( )

This method is used when you want to show the output in the form of a pop-up. This is useful for creating a direct communication channel with users. It is also effective in providing immediate information or feedback....

Approach 2: Using console.log( )

...

Approach 3: Using document.write( )

This method is used when you want to output the information to the browser console for debugging or logging. This method is mainly used by developers to track variables and outputs in a program....

Approach 4: Using document.getElementById( )

...