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
Latest tech news and coding tips.
Imagine moving to a new apartment. Instead of disassembling your furniture, rebuilding pipes, and rewiring…
Imagine you’re the principal of a large school. Every day, students (like buttons, links, or…
You know that thing you do? Where you copy a chunk of code, paste it…
We've all seen them. The developers who seem to effortlessly untangle complex problems, whose code…
If you're building a social, chat, or comment-based mobile app using React Native, protecting your…
The Cross-Platform ImperativeLet's face it: building separate iOS and Android apps wastes resources. React Native…