codebubb/random-number.html

## random-number.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JSON.parse Error</title>
    <style>
        * {
            box-sizing: border-box;
        }

        body {
            font-family: sans-serif;
            margin: 2rem;
        }

        hr {
            margin: 2rem 0;
        }

        textarea {
            padding: 1rem;
            border: 2px solid black;
            width: 100%;
        }

        pre {
            padding: 2rem;
            box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.1);
        }
    </style>
</head>

<body>
    <h1>JavaScript Random Number Generator</h1>

    <label for="randomNumberResult">Random Numbers</label>
    <pre id="randomNumberResult"></pre>

    <script>
        window.onload = () => {
            const randomNumberResult = document.getElementById('randomNumberResult');

            const generateRandomNumber = (from = 50, to = 100) => {
                    return Math.floor(Math.random() * (to - from + 1) + from);
            };

            const randomNumbers = [];

            for (let i = 0; i < 10; i++) {
                randomNumbers.push(generateRandomNumber());
            }

            console.log(randomNumbers);
            randomNumberResult.textContent = randomNumbers;
        };
    </script>
</body>

</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>JSON.parse Error</title>
	<style>
	* {
	box-sizing: border-box;
	}

	body {
	font-family: sans-serif;
	margin: 2rem;
	}

	hr {
	margin: 2rem 0;
	}

	textarea {
	padding: 1rem;
	border: 2px solid black;
	width: 100%;
	}

	pre {
	padding: 2rem;
	box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.1);
	}
	</style>
	</head>

	<body>
	<h1>JavaScript Random Number Generator</h1>

	<label for="randomNumberResult">Random Numbers</label>
	<pre id="randomNumberResult"></pre>

	<script>
	window.onload = () => {
	const randomNumberResult = document.getElementById('randomNumberResult');

	const generateRandomNumber = (from = 50, to = 100) => {
	return Math.floor(Math.random() * (to - from + 1) + from);
	};

	const randomNumbers = [];

	for (let i = 0; i < 10; i++) {
	randomNumbers.push(generateRandomNumber());
	}

	console.log(randomNumbers);
	randomNumberResult.textContent = randomNumbers;
	};
	</script>
	</body>

	</html>