Repository navigation
G #42
Description
<title>Random Number Generator</title>
<style>
body {
font-family: sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
}
#result {
font-size: 3em;
margin-bottom: 20px;
}
button {
padding: 10px 20px;
font-size: 1.2em;
cursor: pointer;
}
#rangeInput {
margin-top: 10px;
}
</style>
Click "Roll" to generate a number.
Min:
Max:
Roll
<script> function roll() { const min = parseInt(document.getElementById("minInput").value); const max = parseInt(document.getElementById("maxInput").value); if (isNaN(min) || isNaN(max)) { document.getElementById("result").textContent = "Please enter valid numbers."; return; } if (min >= max) { document.getElementById("result").textContent = "Min must be less than max."; return; } const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min; document.getElementById("result").textContent = randomNumber; } </script>
Activity