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.
Top comments (2)
Way to go 👏. Small thing: if there is no element found, this code will fail. So it’s good practice to check that the element actually exists and handle that case 😌
Thanks! Mhh okay cool makes sense, will try to do that next time 😄