onclick change background color
by Ninay is Unknown
HTML
<h1>Hello</h1>
<ul>
<li>Hi!</li>
<li>How are you?</li>
</ul>
<button>Reply</button>
CSS
h1{
color:purple;
}
button{
border: 2px solid #34495e;
background-color:#3498db;
color:red;
JavaScript
document.querySelector("button").addEventListener("click",function(){
document.body.style.background = randColor();
})
function randColor(){
return '#' + (function co(lor){ return(lor += [0,1,2,3,4,5,6,7,8,9,'a','b','c','d','e','f']
[Math.floor(Math.random()*16)]) && (lor.length == 6) ? lor:co(lor);})('');
}