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.
How to Build APIs That Are Easy to Use, Scale, and Maintain Learn on the…
Almost everyone starts learning JavaScript with the wrong expectations. Let's fix them. Download the Codeflare…
Phaser JS is a powerful, open-source HTML5 game development framework used for creating 2D games that…
JavaScript / Node.js Authentication Libraries 1. Passport.js One of the most popular authentication middleware libraries…
Every profession comes with its own set of tools. A carpenter has a toolbox, a…
Every application that stores and manages data relies on a set of basic operations known…