Besoin d'aide Javascript

Bonjour,

J'ai besoin de votre aide pour résoudre un problème JavaScript dans le cadre d'un projet scolaire.

Je souhaite créer un outil en HTML et JavaScript qui calcule les heures et les minutes restantes à l'heure actuelle. Cela me permettra de connaître l'heure future.

Voici le code que j'ai préparé :

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 de votre aide.