Executando verificação de segurança...
1
AntoniodeNardin
1 min de leitura ·

Pitch: Adicionando fundo dinâmico ao meu site.

O que vocês acham de mudar o fundo da pagina conforme o passar do dia?

Se possivel me deem feedbacks, obrigado pela atenção!

site: https://signs-seven.vercel.app/

Função para mudar o fundo dinamicamente :

setBackground() {
      const agora = new Date() // Obtém a data e hora atual
      const hora = agora.getHours() // Obtém a hora atual (0-23)
      if (hora >= 6 && hora < 12) {
        // Se for de manhã (6h às 11h59min), muda a cor do fundo para amarelo
        this.background = '#FFF9C4'
      } else if (hora >= 12 && hora < 18) {
        // Se for de tarde (12h às 17h59min), muda a cor do fundo para laranja
        this.background = '#FFE0B2'
      } else if (hora >= 18 && hora < 22) {
        // Se for de noite (18h às 22h), muda a cor do fundo para azul
        this.background = '#263238'
        this.textColor = 'white'
      } else {
        // Se for de madrugada (22h às 6h), muda a cor do fundo para cinza
        this.background = '#212121'
        this.textColor = 'white'
      }
    }

Fonte: https://github.com/AntoniodeNardin

Carregando publicação patrocinada...
1
juarezfranco

ChatGPT deu uma refatorada

setBackground() {
  const agora = new Date() // Obtém a data e hora atual
  const hora = agora.getHours() // Obtém a hora atual (0-23)

  const cores = {
    manha: { background: '#FFF9C4' },
    tarde: { background: '#FFE0B2' },
    noite: { background: '#263238', textColor: 'white' },
    madrugada: { background: '#212121', textColor: 'white' },
  }

  let cor = ''

  if (hora >= 6 && hora < 12) {
    cor = 'manha'
  } else if (hora >= 12 && hora < 18) {
    cor = 'tarde'
  } else if (hora >= 18 && hora < 22) {
    cor = 'noite'
  } else {
    cor = 'madrugada'
  }

  this.background = cores[cor].background
  this.textColor = cores[cor].textColor || ''
}
1
-3
1
1
alangabriel

Pow cara, com comentarios assim você não ajuda em nada, bora ter empatia, por que não sugeriu uma mudança com exemplos? seria mais proveitoso e menos tóxico

-3