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

Programação
#1

Amigos, estou planejando a fazer um site pra mim , onde eu irei publicar alguns trabalhos de publicidade. Mas, eu gostaria de criar uma página inicial em html e css, na qual eu gostaria que na tela inicial aparecessem certas frases de acordo com determinados horários.

das 3h às 11:59h = Bom dia

das 12h às 17:59h = Boa tarde

das 18h às 23:59 = Boa noite

Muito provavelmente terei que fazer uma programação em javascript mas eu nem sei por eonde começar. Estou estudando o básico e iniciando.

Desde já agradeço quem puder me explicar.

#2 
<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.

1 curtida
#3

cara , você é excelente. Muito obrigada pela sua gentileza e atenção.
valeuuuuuuuuuuuuuuuu, saúde e paz. :smiling_face_with_three_hearts: