Ajax not working

1

i am not able to execute this code , i have thoroughly checked my code , its fine and good

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
 <body>
<p id="output"> Default text</p>
    <input id="user_number">
    <button onclick="update_user()">Submit</button>
    <script type="text/javascript">
        function update_user(){
            user_number = document.getElementById("user_number").value;
            //alert(user_number);
            httpRequest = new XMLHttpRequest();
            httpRequest.open("GET", "https://reqres.in/api/users"+user_number);
            httpRequest.send();

            httpRequest.onreadystatechange = function(){
                if(this.readystate == 4 && this.status == 200)
                {
                    user_data = JSON.parse(this.responseText);
                    document.getElementById("output").innerHTML = user_data.data.first_name;
                }
            }
        }
    </script>
</body>
</html>
2

Hi @rakeshozon ,
Make the following changes

  1. add / after users:
    httpRequest.open("GET", "https://reqres.in/api/users/"+user_number);

  2. remove this.status == 200.

Correct code:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
 <body>
<p id="output"> Default text</p>
    <input id="user_number">
    <button onclick="update_user()">Submit</button>
    <script type="text/javascript">
        function update_user(){
            user_number = document.getElementById("user_number").value;
            //alert(user_number);
            httpRequest = new XMLHttpRequest();
            httpRequest.open("GET", "https://reqres.in/api/users/"+user_number);
            httpRequest.send();

            httpRequest.onreadystatechange = function(){
                if(this.status == 200)
                {
                    user_data = JSON.parse(this.responseText);
                    document.getElementById("output").innerHTML = user_data.data.first_name;
                }
            }
        }
    </script>
</body>
</html>

Do let me know if you need any other help.