<div style=”max-width:400px;margin:auto;padding:20px;border:1px solid #ccc;border-radius:10px”>
<h3>Hours → Minutes Converter</h3>
<input type=”number” id=”hours” placeholder=”Enter hours” style=”padding:8px;width:100%;margin-bottom:10px;”> <button onclick=”convert()” style=”padding:10px 15px;background:#0073aa;color:white;border:none;border-radius:5px;cursor:pointer”>
Convert
</button> <p id=”result” style=”font-weight:bold;margin-top:10px”></p>
</div> <script>
function convert() {
let hours = document.getElementById(“hours”).value;
if(hours === “” || isNaN(hours)){
document.getElementById(“result”).innerText = “⚠️ Please enter a valid number!”;
return;
}
let minutes = hours * 60;
document.getElementById(“result”).innerText = hours + ” Hours = ” + minutes + ” Minutes”;
}
</script>