Javascript/Session 3/AJAX.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      var myPromise = new Promise(function (resolve, reject) {
        var xhr = new XMLHttpRequest();
        xhr.open("GET", "https://jsonplaceholder.typicode.com/users");
        xhr.onreadystatechange = function () {
          if (xhr.readyState == 4) {
            if (xhr.status >= 200 && xhr.status < 300) {
              resolve(xhr.responseText);
            } else {
              reject("error");
            }
          }
        };
        xhr.send();
      });
      myPromise
        .then((res) => console.log(JSON.parse(res)))
        .catch((err) => console.log(err));
    </script>
  </head>
  <body></body>
</html>