Dia do Ano

${formatoData(dataSelecionada)}`; itemContainer.innerHTML = ''; const itemInput = document.getElementById('itemInput'); for (let dia = 1; dia <= totalDias; dia++) { const diaBox = document.createElement('div'); diaBox.classList.add('boxitem'); diaBox.textContent = dia; const dataDia = new Date(ano, 0, 1); dataDia.setDate(dia); const textoDia = formatoData(dataDia); const porcentagem = ((dia / totalDias) * 100).toFixed(2); const popup = document.createElement('div'); popup.classList.add('popup'); popup.innerHTML = `Dia ${dia} (${porcentagem}%)
${textoDia}`; diaBox.appendChild(popup); diaBox.addEventListener('mouseover', function(event) { popup.style.display = 'block'; const popupRect = popup.getBoundingClientRect(); const windowWidth = window.innerWidth; const windowHeight = window.innerHeight; let leftPosition = event.clientX + 10; let topPosition = event.clientY + 10; if (leftPosition + popupRect.width > windowWidth) { leftPosition = windowWidth - popupRect.width - 10; } if (topPosition + popupRect.height > windowHeight) { topPosition = windowHeight - popupRect.height - 10; } popup.style.left = `${leftPosition}px`; popup.style.top = `${topPosition}px`; }); diaBox.addEventListener('mouseout', () => popup.style.display = 'none'); if (dataDia.getDate() === hoje.getDate() && dataDia.getMonth() === hoje.getMonth()) { diaBox.classList.add('itemgreen'); } else if (dia < diaAtual) { diaBox.classList.add('itemgray'); } else { diaBox.classList.add('itemblue'); } itemContainer.appendChild(diaBox); } } itemInput.addEventListener('input', function() { const anoSelecionado = parseInt(this.value, 10); gerarDiaDoAno(anoSelecionado); }); const anoAtual = new Date().getFullYear(); itemInput.value = anoAtual; gerarDiaDoAno(anoAtual);