HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Status code lookup</title>
</head>
<body>
  <h1>Common status code lookup</h1>
  <p>Enter a code: <input type="number" id="code" value="404" min="100" max="599"></p>
  <button type="button" id="btn">Look up</button>
  <pre id="out"></pre>

  <script>
    var codes = {
      200: 'OK — request succeeded',
      201: 'Created — new resource created',
      204: 'No Content — success with empty body',
      301: 'Moved Permanently — use new URL forever',
      302: 'Found — temporary redirect',
      304: 'Not Modified — use cached copy',
      400: 'Bad Request — malformed request',
      401: 'Unauthorized — login required',
      403: 'Forbidden — access denied',
      404: 'Not Found — page or file missing',
      405: 'Method Not Allowed — wrong HTTP method',
      500: 'Internal Server Error — server crashed',
      502: 'Bad Gateway — upstream server error',
      503: 'Service Unavailable — server overloaded or down'
    };

    function lookup() {
      var n = parseInt(document.getElementById('code').value, 10);
      var cls = Math.floor(n / 100);
      var names = { 1: 'Informational', 2: 'Success', 3: 'Redirection', 4: 'Client Error', 5: 'Server Error' };
      var out = 'Code: ' + n + '\n';
      out += 'Class: ' + cls + 'xx — ' + (names[cls] || 'Unknown') + '\n';
      out += codes[n] ? 'Meaning: ' + codes[n] : 'Meaning: see full reference table on the tutorial page';
      document.getElementById('out').textContent = out;
    }

    document.getElementById('btn').onclick = lookup;
    lookup();
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTTP Status Code — Lookup Common Codes