Necesito ayuda con Javascript

Hola,

Necesito tu ayuda para resolver un problema de JavaScript dentro de un proyecto escolar.

Quiero crear una herramienta en HTML y JavaScript que calcule las horas y los minutos restantes con respecto a la hora actual. Esto me permitirá conocer la hora futura.

Aquí está el código que he preparado:

HTML:

<h1>Time From Now</h1> <label>Hours</label> <input type="number" id="hours" value="0" min="0"> <label>Minutes</label> <input type="number" id="minutes" value="0" min="0"> <button onclick="calculateTime()">Calculate Future Time</button> <div id="result"></div>

JavaScript:

function calculateTime() { var hours = document.getElementById("hours").value; var minutes = document.getElementById("minutes").value; console.log(hours+", "+minutes); let currentTime = new Date(); currentTime.setHours(currentTime.getHours() + hours); currentTime.setMinutes(currentTime.getMinutes() + minutes); let futureTime = currentTime.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }); document.getElementById("result").value = "Future Time: " + futureTime; }

Lorsque j’exécute ce code, les valeurs des heures et des minutes ne sont pas récupérées. La console reste vide.

Quel pourrait être le problème ? Merci pour ton aide.

1 respuesta

  1. Hola,
    No logro reproducir el problema; en mi equipo los valores se muestran correctamente en la consola.


    0
    1. ¿Obtiene el resultado final con respecto a la hora futura?
      0
    2. @JeenaHarry

      El div#result no posee un atributo value, puedes usar la propiedad innerHTML en lugar de value para mostrar el resultado:
      document.getElementById("result").innerHTML = "Future Time: " + futureTime;

      1
    3. @jjs

      Ah, ya veo. Los pequeños detalles son muy importantes en la programación.

      0