javascript

Generate Random Background Color in JavaScript

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

Text to Speech in Javascript

Recent Posts

Why Learn Software Development? (And Where to Start)

Software development is one of the most valuable skills you can learn. From building websites…

19 hours ago

JavaScript Multidimensional Arrays

In JavaScript, arrays are used to store multiple values in a single variable. While JavaScript…

7 days ago

What is Containerization

Containerization is a lightweight form of virtualization that packages an application and its dependencies into…

1 week ago

Microsoft to Replace Remote Desktop App By May 27, 2025

Microsoft is discontinuing support for its Remote Desktop app on Windows, effective May 27th. Users…

2 weeks ago

Common Pitfalls in React Native Development

Now that React Native is your go-to framework for building cross-platform mobile applications efficiently, it's…

2 weeks ago

Search Through An Array of Objects to Find a Particular Value

When dealing with complex data structures. For example, you might have an array of user…

3 weeks ago