Using one of the powerful features of JavaScript, we can write a program that generates a random background color every time we refresh the page.
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Generate Random Background Color</title>
</head>
<body onload="randomBackground()">
<script>
randomBackground = () => {
let x = Math.floor(Math.random() * 256)
let y = Math.floor(Math.random() * 256)
let z = Math.floor(Math.random() * 256)
let bgColor = `rgb(${x}, ${y}, ${z})`
document.body.style.background = bgColor;
}
randomBackground()
</script>
</body>
</html>
When we refresh our page, this is what we get:
This is how we generate random background colors using Javascript
If you’ve ever built an interactive web application, you may have encountered a puzzling issue:…
Arrays are the backbone of programming, used in nearly every application. Whether you're manipulating data,…
If you've ever tried to learn JavaScript, you’ve probably heard about the "Event Loop"—that mysterious,…
JavaScript can sometimes behave in unexpected ways, especially when comparing arrays and objects. If you've…
Recursion is a programming technique where a function calls itself to solve smaller instances of…
One of the most common errors in JavaScript is the dreaded TypeError: Cannot read property…