Countdown Fine Scuola by @alessandrostano - Codewith.it

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

References

<table>Tag primario per la creazione di tabelle
formmethodDefinisce il metodo di invio dei dati oltre a method
<embed>Tag per l'incorporamento di contenuti multimediali
<meta>Definisce i meta dati di una pagina web.
requiredRende obbligatorio un campo di input
<link>Collega il documento corrente con una risorsa esterna

Users

Log in to search for users

Explore

Find inspiration

Review of Functions I

Esercitazione tabelle

esercitazione 1

Countdown Passaporto

primo es =01/26/24

Formula1_avanzata.html

Navbar Example 4

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>