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

Context Poisoning Explained

Context poisoning is a technique where an attacker deliberately places misleading, malicious, or irrelevant information into…

11 hours ago

Common React Errors

React makes building user interfaces easier, but certain errors appear repeatedly, especially when working with…

1 week ago

C Programming Cheat Sheet

The C programming language is a foundational, general-purpose computer programming language created by Dennis Ritchie at Bell Labs in 1972. Originally developed to…

1 week ago

Homebrew Tutorial

What Is Homebrew? Homebrew is a package manager for macOS and Linux that makes it easy to…

2 weeks ago

10 Ways to Loop Through a JavaScript Array

JavaScript gives you several ways to iterate over an array. Some are better for simple…

2 weeks ago

Build a Node JS Web Server

A web server is the software responsible for receiving requests from clients, processing those requests,…

3 weeks ago