JavaScript: Create random background color

JavaScript Math: Exercise-40 with Solution

Generate Random Background Color

Write a JavaScript function to create a random background color.

Visual Presentation:

Sample Solution:

JavaScript Code:

// Define a function named random_bg_color that generates a random RGB color and sets it as the background color of the document body.
function random_bg_color() {
    // Generate random values for red, green, and blue components between 0 and 255.
    var x = Math.floor(Math.random() * 256);
    var y = Math.floor(Math.random() * 256);
    var z = Math.floor(Math.random() * 256);
    // Construct the RGB color string.
    var bgColor = "rgb(" + x + "," + y + "," + z + ")";
    // Output the generated color to the console.
    console.log(bgColor);
    // Set the background color of the document body to the generated color.
    document.body.style.background = bgColor;
}

// Call the random_bg_color function to set a random background color.
random_bg_color();

Output:

rgb(251,34,92)

Flowchart:

Live Demo:

See the Pen javascript-math-exercise-40 by w3resource (@w3resource) on CodePen.

Improve this sample solution and post your code through Disqus.

Previous: Write a JavaScript function to print an integer with commas as thousands separators.
Next: Write a JavaScript function to count the digits of an integer.