Scribd
Upload
2 views

Number display.html

The document is an HTML page that allows users to input a number and start a sequence that displays random numbers up to the input value at specified intervals. It includes a simple user interface with an input field, a button, and a display area for the generated numbers. The sequence stops when the count reaches the input value, displaying a completion message.

Uploaded by

xuuu0702
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
2 views

Number display.html

The document is an HTML page that allows users to input a number and start a sequence that displays random numbers up to the input value at specified intervals. It includes a simple user interface with an input field, a button, and a display area for the generated numbers. The sequence stops when the count reaches the input value, displaying a completion message.

Uploaded by

xuuu0702
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dynamic Number Display</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
padding: 20px;
}
#display {
margin-top: 20px;
font-size: 24px;
color: #333;
}
</style>
</head>
<body>
<h1>Number Display</h1>
<input type="number" id="xValue" placeholder="Enter X value">
<button onclick="startSequence()">Start</button>
<div id="display"></div>

<script>
function startSequence() {
const x = parseInt(document.getElementById('xValue').value);
let count = 0;
const interval = setInterval(() => {
if (count >= x) {
clearInterval(interval); // Stop the interval when count
reaches X
document.getElementById('display').innerText = 'Sequence
completed!';
} else {
document.getElementById('display').innerText =
Math.floor(Math.random() * x);
count++;
}
}, x * 1000); // Multiply by 1000 to convert seconds to milliseconds
}
</script>
</body>
</html>

You might also like