{"id":3059,"date":"2021-10-29T13:30:54","date_gmt":"2021-10-29T13:30:54","guid":{"rendered":"https:\/\/rengga.dev\/blog\/?p=3059"},"modified":"2023-06-12T14:43:46","modified_gmt":"2023-06-12T14:43:46","slug":"js-tutorial-math-random-random-background-color","status":"publish","type":"post","link":"https:\/\/rengga.dev\/blog\/js-tutorial-math-random-random-background-color\/","title":{"rendered":"JS Tutorial – Math.random() Random Background Color"},"content":{"rendered":"

Rengga Dev<\/strong><\/a> <\/span>– Math.random()<\/code> is an API in JavaScript. It is a function that gives you a random number. The number returned will be between 0 (inclusive, as in, it\u2019s possible for an actual 0 to be returned) and 1 (exclusive, as in, it\u2019s not possible for an actual 1 to be returned).<\/p>\n

This is where the magic happens:<\/p>\n

const random = (min, max) => {\r\n  return Math.floor(Math.random() * (max - min + 1)) + min;\r\n}<\/pre>\n
The first line of code randomly shuffles the array and the second line returns a random umber between 0 and 10. In the example of a random color background, the range of colors and specifics such as hues, saturations, and shades can be set.<\/p>\n
For another method for generating a random hex color, check out\u00a0this article\u00a0by Chris Coyer.
\n