HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>HTTP 404 example</title>
</head>
<body>
  <h1>404 Not Found demo</h1>
  <p>This requests a path that does not exist. Watch the status code in the result.</p>
  <button type="button" id="btn">Fetch missing page</button>
  <pre id="out">(click the button)</pre>

  <script>
    document.getElementById('btn').onclick = function () {
      var out = document.getElementById('out');
      out.textContent = 'Loading...';
      fetch('/html/this-page-does-not-exist-demo-404')
        .then(function (response) {
          out.textContent =
            'Status: ' + response.status + ' ' + response.statusText + '\n' +
            'OK flag: ' + response.ok + '\n' +
            'Class: ' + Math.floor(response.status / 100) + 'xx\n' +
            'Meaning: resource not found on the server';
        })
        .catch(function (err) {
          out.textContent = 'Network error: ' + err.message;
        });
    };
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTTP Status Code — 404 Not Found