Olá pessoa, sou um pouco novo na programação e queria saber como colocar uma função de alerta onde avisa a data de um compromisso… Por exemplo.
Criei um compromisso para uma festa no domingo 06/09/2020.
Quando for dia 04/09/2020 eu quero que ele envie um alerta na interface com uma mensagem"Faltam dois dias para a festa"
Com javascript puro:
<input type="date" id="dataEvento" />
<input type="text" placeholder="HH:mm" id="horaEvento" />
<button type="button" onclick="novoAlerta()">Criar alerta</button>
<script>
function novoAlerta() {
const txtDataEvento = document.querySelector('#dataEvento').value;
const txtHoraEvento = document.querySelector('#horaEvento').value;
const hoje = new Date();
const dataEvento = Date.parse(txtDataEvento + ' ' + txtHoraEvento);
const diff = parseInt(dataEvento - hoje.getTime());
setTimeout(function() {
alert('Hora do evento!');
}, diff);
}
</script>
2 curtidas
Muito obrigado Lucas, você realmente me ajudou, estava bem perdido em como fazer isso. Valeu mesmo