HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Time-of-day greeting</title>
</head>
<body>
  <h1>Greeting</h1>
  <pre id="out"></pre>
  <script>
    function getGreeting() {
      var hour = new Date().getHours();
      if (hour < 12) {
        return "Good morning!";
      }
      if (hour < 18) {
        return "Good afternoon!";
      }
      return "Good evening!";
    }

    document.getElementById("out").textContent = getGreeting();
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

JavaScript Date getHours() — greeting (Try It)