JavaScript: Create random background color

JavaScript Math: Exercise-40 with Solution

Write a JavaScript function to create random background color.

Pictorial Presentation:

JavaScript: Math - Create random background color.

Sample Solution:-

HTML Code:

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


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 + ")";
    document.body.style.background = bgColor;


Sample Output:



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?

JavaScript: Tips of the Day

Add padding to the beginning of a string

const name = 'Minta Lofton';

With the padStart method, we can add padding to the beginning of a string. The value passed to this method is the total length of the string together with the padding. The string "Minta Lofton" has a length of 12. name.padStart(13) inserts 1 space at the start of the string, because 12 + 1 is 13.
If the argument passed to the padStart method is smaller than the length of the array, no padding will be added.

Ref: https://bit.ly/3jFRBje