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

Converts the given array elements into <li> tags and appends them to the list of the given id.


const tips_arrayToHtmlList = (arr, listID) =>(el => ((el = document.querySelector('#' + listID)),(el += arr.map(item => '<li>${item}</li>').join(''))))();
console.log(tips_arrayToHtmlList(['item 1', 'item 2'], 'myListID'));


  • ${item}
  • ${item}
  • "