Gregor Schafroth
👨‍💻 Daily Code 48 | Random Number 1-100, 🐍 Python and 🟨 JavaScript (3)

👨‍💻 Daily Code 48 | Random Number 1-100, 🐍 Python and 🟨 JavaScript (3)

Gregor Schafroth's photo
Gregor Schafroth
·

1 min read

alright as promised yesterday I’m going to try making the Random Number Generator HTML again today without looking up anything or using any ChatGPT. I already solved that for Python yesterday, so now it’s just JS left

My Code

Tadaa! Turns out this time I was able to solve it fully on my own!

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>1-100 Random Generator Button</title>
</head>

<body>
    <button id="js-random-button">Generate Random Number</button>
    <div id="js-random-number"></div>

    <script>
        document.getElementById('js-random-button').onclick = function () {
            let randomNumber = Math.floor(Math.random() * 100) + 1;
            document.getElementById('js-random-number').textContent = randomNumber;
        }
    </script>
</body>

</html>

Next I want to get more reps with page manipulation.

I want to become so familiar with this that I can control website content with JavaScript without even thinking much, so I’ll add more exercises to achieve this in the coming days.

beginnerdailyJavaScript