Countdown Fine Scuola by @alessandrostano - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

enctypeDetermina il tipo di codifica dei dati di un form per l'invio al server
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina
formSpecifica a quale form appartiene un elemento.
_selfApre collegamenti ipertestuali nella stessa pagina del browser
<address> Definisce una sezione contenente indirizzi, contatti e informazioni
<h6>Titolo di intestazione di sesto livello

Users

Log in to search for users

Explore

Find inspiration

ciao io sono sara

Calcolatrice JavaScript

SHKAFI_3M_12_HTMLBELLISSI

Costruzione di tabella con html5

Esercizio lezione 9

Creazione di un form

Lezione 3/11 pt.2

console elements

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html><html lang="it"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Countdown Fine Scuola</title><style> body { font-family: Arial, sans-serif; background-color: #f0f0f0; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .countdown { background-color: white; padding: 2rem; border-radius: 1rem; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .countdown h1 { font-size: 3rem; margin-bottom: 1rem; } .button { display: inline-block; background-color: #007AFF; color: white; padding: 0.5rem 1rem; border-radius: 0.5rem; text-decoration: none; font-weight: 600; transition: background-color 0.2s; } .button:hover { background-color: #0051A8; }</style></head><body><div class="countdown"> <h1 id="countdown"></h1> <a href="#" class="button">Aggiorna Countdown</a></div><script> function daysBetween(date1, date2) { const oneDay = 1000 * 60 * 60 * 24; const diffInTime = date2.getTime() - date1.getTime(); return Math.ceil(diffInTime / oneDay); } function isWeekend(date) { const day = date.getDay(); return day === 6 || day === 0; } function isExcludedDate(date, excludedDates) { return excludedDates.some(d => d.getTime() === date.getTime()); } function schoolDaysRemaining(endDate, excludedDates) { let remainingDays = 0; let currentDate = new Date(); currentDate.setDate(currentDate.getDate() + 1); while (currentDate <= endDate) { if (!isWeekend(currentDate) && !isExcludedDate(currentDate, excludedDates)) { remainingDays++; } currentDate.setDate(currentDate.getDate() + 1); } return remainingDays; } function updateCountdown() { const endDate = new Date(2023, 5, 9); const excludedDates = [ new Date(2022, 10, 1), new Date(2022, 11, 8), new Date(2022, 11, 25), new Date(2022, 11, 26), new Date(2023, 0, 1), new Date(2023, 0, 6), new Date(2023, 3, 8), new Date(2023, 3, 9), new Date(2023, 3, 20), new Date(2023, 3, 21), new Date(2023, 3, 27), new Date(2023, 3, 28), new Date(2023, 3, 29), new Date(2023, 3, 24), new Date(2023, 4, 25), new Date(2023, 4, 1), new Date(2023, 5, 3), new Date(2023, 5, 2), new Date(2023, 7, 26) ]; const countdownElement = document.getElementById("countdown"); countdownElement.innerHTML = `Mancano ${schoolDaysRemaining(endDate, excludedDates)} giorni alla fine della scuola.`; } document.querySelector(".button").addEventListener("click", updateCountdown); updateCountdown();</script></body></html>