[RESOLVIDO] Javascript - Bom dia, Boa tarde e Boa noite

<div id="frase"></div>
<script>
  let fraseDiv = document.getDocumentById('frase')
  let frase = '';
   
  let data = new Date();
  let hora = data.getHours();

  if (hora >= 3 && hora < 12)
    frase = 'Bom dia';
  else if (hora >= 12 && hora < 18)
    frase = 'Boa tarde';
  else if (hora >= 18 && hora <= 23)
    frase = 'Boa noite';
        
  fraseDiv.innerHTML = frase;
</script>

Um objeto Date armazena as informações da data e hora em que ele foi instanciado, por exemplo:

let data = new Date();

Se executarmos esse script no dia 08/09/2021 às 20 horas, o objeto data vai armazenar a data 08/09/2021 e a hora 20, e esse objeto nos oferece métodos/funções para trabalhar com esses dados que ele tem armazenado, por exemplo:
O método getHours() retorna a hora armazenada. No caso do nosso objeto data, vai retornar 20.
O método getDate() retorna o dia. No caso, 8.

Aqui tem a documentação completa da w3schools.

O resto é a basica lógica de programação.