agora foi

app.js

@@ -0,0 +1,39 @@
+const secondsContainer = document.querySelector('#seconds')
+const minutesContainer = document.querySelector('#minutes')
+const hoursContainer = document.querySelector('#hours')
+const daysContainer = document.querySelector('#days')
+const fogosloading = document.querySelector('#loading')
+const countdownConteiner = document.querySelector('#countdown')
+
+
+const nextmonth = new Date().getFullYear()  
+const newYearTime = new Date(`February 23 ${nextmonth} 00:00:00`)
+
+const insertContdowValues = ({ days, hours, minutes, seconds }) => {
+    secondsContainer.textContent = seconds < 10  ? '0' + seconds : seconds 
+ minutesContainer.textContent = minutes < 10  ? '0' + minutes : minutes 
+ hoursContainer.textContent = hours< 10  ? '0' + hours : hours 
+ daysContainer .textContent = days < 10  ? '0' + days : days
+}
+
+
+
+const updadeCountdown = () => {
+    const currentTime = new Date()
+    const diffenrence = newYearTime - currentTime
+    const days = Math.floor(diffenrence / 1000 / 60 / 60 / 24)
+    const hours = Math.floor(diffenrence / 1000 / 60 / 60 ) % 24
+    const minutes = Math.floor(diffenrence / 1000 / 60) % 60
+    const seconds = Math.floor(diffenrence / 1000) % 60
+
+    insertContdowValues({ days, hours, minutes, seconds })
+}
+
+const handleCountdowDisplay = () => {
+    fogosloading.remove()
+    countdownConteiner.style.display = 'flex'
+}
+
+setTimeout(handleCountdowDisplay, 3500)
+
+setInterval(updadeCountdown, 1000)