Programming language:Javascript

random color generator javascript

2021-06-19 03:11:49

function generateRandomColor() {
  var letters = '0123456789ABCDEF';
  var color = '#';
  for (var i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}

var randomColor=generateRandomColor();//"#F10531"

Bhavani Chandra

Code: Javascript

2021-03-01 07:44:35

var randomColor = '#'+Math.floor(Math.random()*16777215).toString(16);
//generates a random color -> #56eec7

user34403

Code: Javascript

2021-03-01 07:45:29

var r = () => Math.random() * 256 >> 0;
var color = `rgb(${r()}, ${r()}, ${r()})`;

Bruce E

Code: Javascript

2021-02-16 11:37:22

var randomColor = Math.floor(Math.random()*16777215).toString(16);

inteNsE-

Code: Javascript

2021-03-01 07:43:24

const setBg = () => {
  const randomColor = Math.floor(Math.random()*16777215).toString(16);
  document.body.style.backgroundColor = "#" + randomColor;
  color.innerHTML = "#" + randomColor;
}

genNew.addEventListener("click", setBg);
setBg();

Matt

Code: Javascript

2021-02-24 00:51:10

//Javascript
function randomColor(){
    var color = "#";
    var randomHex = "123456ABCDEF";  
    for(var i = 0; i<6;i++){
        color+= randomHex[Math.floor(Math.random()*16)]
    }
   
    return color;
}

var mytimer ;

function setColor(){
    
    $("body").css("background-color", randomColor);
}

var mytimer = setInterval(setColor, .8000);
// html
!DOCTYPE html>
<html>
	<head>
		<title>Page Title</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

	</head>
	<body>
	       
	   //include javascript file.  
	</body>
</html>

New to Communities?

Join the community

random color generator javascript

Tags

Related

New to Communities?