HTML DOM readyState Property

Last Updated : 16 Jun, 2023

The readyState property in HTML is used to return the loading status of the current document. This property is used for read-only.

Syntax:

document.readyState

Return Value: It returns a string value which is used to define the status of the current document. The one of five status are listed below:

uninitialized: Process does not start loading.
loading: Process is loading.
loaded: Process has been loaded.
interactive: Process loading is enough to interact with the user.
complete: Process fully loaded.

Example: In this example, we will use readyState property.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>DOM readyState Property</title>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM readyState Property</h2>
    <button onclick="Geeks()">Submit</button>
    <p id="sudo"></p>
    <script>
        function Geeks() {
            let x = document.readyState;
            document.getElementById("sudo").innerHTML = x;
        }
    </script>
</body>
 
</html>