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'
}
}
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 || ''
}
obrigado pela contribuição! Vou aproveitar seu comentário para refatorar meu código.