JavaScript: Create random background color

Last update on April 22 2023 12:19:36 (UTC/GMT +8 hours)

JavaScript Math: Exercise-40 with Solution

Write a JavaScript function to create a random background color.

Pictorial Presentation:

$JavaScript: Math - Create random background color.$

Sample Solution:-

HTML Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JavaScript function to create random background color</title>
</head>
<body>

</body>
</html>

JavaScript Code:

function random_bg_color() {
    var x = Math.floor(Math.random() * 256);
    var y = Math.floor(Math.random() * 256);
    var z = Math.floor(Math.random() * 256);
    var bgColor = "rgb(" + x + "," + y + "," + z + ")";
 console.log(bgColor);
  
    document.body.style.background = bgColor;
    }

random_bg_color();

Sample 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.