Estoy trabajando en un código para crear listas basadas en la hora del día... esto sería muy fácil de agregar en HTML, pero estoy probando este método para algunas pruebas futuras y para ver si Puedo hacer que funcione. Revisé varias páginas en w3, MDN y aquí mismo en StackOverflow, y esto es lo que he reunido, pero parece que no puedo hacer que funcione correctamente.
También debo decir que soy realmente nuevo en la programación y este es mi primer proyecto. Lo he ido construyendo lentamente a medida que aprendo nuevos conceptos como una forma de ponerlos en práctica.
¡Gracias por cualquier ayuda que pueda ofrecer!
morningMedsList = ['med1', 'med2', 'med3', 'med4', 'med5']; eveningMedsList = ['med1', 'med2', 'med3', 'med4', 'med5']; const hour = new Date().getHours(); function listMeds() { if (hour >= 19 && hour <= 22) { let eveningMeds = document.getElementById('evening-meds-list'); eveMed = document.createElement('li'); eveningMedsList.forEach(function (med, index) { clone = eveMed.cloneNode(); clone.textContent = (index +1) + ': ' + med; eveningMeds.appendChild(clone); }); } } listMeds(); <div id="reminders-pics-container"> <div id="pics-box-morning"> <p>Morning meds pic</p> <ul id="morning-meds-list"> </ul> </div> <div id="pics-box-lunch"> <p>Lunch meds pic</p> </div> <div id="pics-box-dinner"> <p>Dinner meds pic</p> </div> <div id="pics-box-evening"> <p> Evening meds pic</p> <ul id="evening-meds-list"> </ul> </div> <div id="pics-box-blank"> <p>No meds</p> </div> </div>