w3resource

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

What is the difficulty level of this exercise?



JavaScript: Tips of the Day

Capitalizes the first letter of a string

Example:

const tips_capitalize = ([first, ...rest], lowerRest = false) =>
  first.toUpperCase() + (lowerRest ? rest.join('').toLowerCase() : rest.join(''));

console.log(tips_capitalize('javaScript')); 
console.log(tips_capitalize('javaScript', true));

Output:

JavaScript
Javascript