w3resource

JavaScript: Create random background color

JavaScript Math: Exercise-40 with Solution

Write a JavaScript function to create a random background color.

Visual Presentation:

JavaScript: Math - Create random background color.

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:

Flowchart: JavaScript Math- Create random background color

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.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://w3resource.com/javascript-exercises/javascript-math-exercise-40.php