main.min.js

const wakeup=document.querySelector("#wakeup"),sleeptime=document.querySelector("#sleeptime");document.getElementById("sleepform").addEventListener("submit",submit);const notifWarning=document.querySelector(".warning"),notifDanger=document.querySelector(".danger"),result=document.querySelector("#result"),zzz=document.querySelector("#zzz"),screens=document.querySelector("#screens"),lights=document.querySelector("#lights"),cycles=document.querySelector("#cycles"),hoursofsleep=document.querySelector("#hoursofsleep");function under10(x){return x<10?x=`0${x}`:x}function submit(e){e.preventDefault();let wakeupvalue=wakeup.value.split(":"),sleeptimevalue=sleeptime.value.split(":");cycles.innerHTML=sleeptimevalue[2],hoursofsleep.innerHTML=`${sleeptimevalue[0]}:${sleeptimevalue[1]}`;let date=new Date(2,1,1970,wakeupvalue[0],wakeupvalue[1],0);date.setHours(date.getHours()-sleeptimevalue[0]),date.setMinutes(date.getMinutes()-sleeptimevalue[1]),zzz.innerHTML=`${under10(date.getHours())}:${under10(date.getMinutes())}`,date.setMinutes(date.getMinutes()-30),lights.innerHTML=`${under10(date.getHours())}:${under10(date.getMinutes())}`,date.setMinutes(date.getMinutes()-60),screens.innerHTML=`${under10(date.getHours())}:${under10(date.getMinutes())}`,result.style.display="block"}function change(selBox){"06:00:4"===selBox?(notifDanger.style.display="none",notifWarning.style.display="block"):"03:00:2"===selBox||"04:30:3"===selBox?(notifWarning.style.display="none",notifDanger.style.display="block"):(notifDanger.style.display="none",notifWarning.style.display="none")}document.getElementById("sleeptime").addEventListener("change",(function(){change(sleeptime.value)}),!1),document.addEventListener("DOMContentLoaded",()=>{(document.querySelectorAll(".message .delete")||[]).forEach($delete=>{$message=$delete.parentNode,$delete.addEventListener("click",()=>{$message.parentNode.style.display="none"})})});