How to Show Different Text Based on the Time of Day in Webflow

(function() {
  function getGreeting() {
    var h = new Date().getHours();
    if (h >= 5 && h < 12) return '☀️ Good morning';
    if (h >= 12 && h < 14) return '🍽️ Enjoy your meal';
    if (h >= 14 && h < 18) return '🌤️ Good afternoon';
    if (h >= 18 && h < 22) return '🌙 Good evening';
    return '⭐ Good night';
  }
  var el = document.getElementById('time-greeting');
  if (el) el.textContent = getGreeting();

  var dayEl = document.getElementById('day-greeting');
  var days = ['Happy Sunday', 'Happy Monday!', 'Happy Tuesday', 'Happy midweek',
    'Almost the weekend 🙌', 'Happy Friday!', 'Happy Saturday ☀️'];
  if (dayEl) dayEl.textContent = days[new Date().getDay()];
})();