JavaScript: Create random background color
JavaScript Math: Exercise-40 with Solution
Write a JavaScript function to create a random background color.
Visual Presentation:
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:
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.
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
- Weekly Trends and Language Statistics
- Weekly Trends and Language Statistics