Skip to content

G #42

@lithish7

Description

@lithish7
<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>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions