I can’t change backgroundcolor using javascript to generate random colors

Asked

Viewed 28 times

-1

// randomColor() funcionando perfeitamente, gerando codigos hex entre ""
function randomColor() {
  const hex = (Math.random()*0xFFFFFF<<0).toString(16);
  return `"#${hex}"`;
}
/* Em teoria deveria estar funcionando, quando eu troco o return do randomColor
para "red" ou "blue" funciona */

function randomButton(){
  let x = randomColor()
  document.body.style.backgroundColor = x;
}
<input type="button" onclick="randomButton()" value="Mudar cor">

javascript random hexadecimal

1 answer

1

Just return your color, without the quotes around it, see:

 // randomColor() funcionando perfeitamente, gerando codigos hex entre ""
  function randomColor() {
    const hex = (Math.random()*0xFFFFFF<<0).toString(16);
    return `#${hex}`;
  }
  /* Em teoria deveria estar funcionando, quando eu troco o return do randomColor
  para "red" ou "blue" funciona */

  function randomButton(){
  let x = randomColor()
  document.body.style.backgroundColor = x;
  }
<input type="button" onclick="randomButton()" value="Mudar cor">

Browser other questions tagged javascript random hexadecimal

You are not signed in. Login or sign up in order to post.