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.
Here’s a comprehensive, clear differentiation between a Website and a Web App, from purpose all the…
Visual Studio Code (VS Code) is powerful out of the box, but its real strength…
1. What Is a Variable in JavaScript? A variable is a named container used to store data…
1. What Is a Queue? A Queue is a linear data structure that follows the principle: FIFO – First…
Angular is a full-featured frontend framework built by Google for creating large, maintainable, and high-performance web applications.…
What Is Responsive Web Design? Responsive Web Design (RWD) is an approach to building websites…