如何使用“创建随机背景色生成器”；生成"；HTML/JavaScript中的按钮？_Javascript_Html

如何使用“创建随机背景色生成器”；生成"；HTML/JavaScript中的按钮？

javascript html

如何使用“创建随机背景色生成器”；生成"；HTML/JavaScript中的按钮？,javascript,html,Javascript,Html,我想用HTML/JavaScript中的“生成”按钮创建随机背景色生成器这是我的代码： <!DOCTYPE html> <html> <body> <head> <title>Random Background Color Generator</title> </head> <script> function random_bg_color() {

我想用HTML/JavaScript中的“生成”按钮创建随机背景色生成器

这是我的代码：

<!DOCTYPE html>
<html>
  <body>
    <head>
      <title>Random Background Color Generator</title>
    </head>
    <script>
    function random_bg_color() {
      var r = Math.floor(Math.random() * 256);
      var g = Math.floor(Math.random() * 256);
      var b = Math.floor(Math.random() * 256);
      var bgColor = "rgb(" + r + "," + g + "," + b + ")";
      console.log(bgColor);
      document.body.style.background = bgColor;
    }
    random_bg_color();
    </script>
  </body>
</html>


随机背景色发生器
函数random_bg_color（）{
var r=Math.floor（Math.random（）*256）；
var g=Math.floor（Math.random（）*256）；
var b=Math.floor（Math.random（）*256）；
var bgColor=“rgb（“+r+”，“+g+”，“+b+”）；
console.log（bgColor）；
document.body.style.background=bgColor；
}
随机_bg_color（）；

但是我的代码没有“生成”按钮

我想知道如何在代码中添加“生成”按钮。

缺少的是：

<button onclick="random_bg_color()">Generate</button>

生成

我想我们刚刚解决了你的学校作业。

希望这能帮助你实现你真正想要的

函数getRandomColor（）{ 变量字母='0123456789ABCDEF'； var color='#'；对于（变量i=0；i<6；i++）{ 颜色+=字母[Math.floor（Math.random（）*16）]； } 返回颜色； } 函数setRandomColor（）{ $（“#colorpad”）.css（“背景色”，getRandomColor（））； }


生成

您的代码将无法工作，因为未调用该函数


随机背景色发生器
函数random_bg_color（）{
var r=Math.floor（Math.random（）*256）；
var g=Math.floor（Math.random（）*256）；
var b=Math.floor（Math.random（）*256）；
var bgColor=“rgb（“+r+”，“+g+”，“+b+”）；
console.log（bgColor）；
document.body.style.background=bgColor；
}
生成

只需添加带有onclick功能的html按钮即可

<!DOCTYPE html>
<html>
 <body>
    <head>
      <title>Random Background Color Generator</title>
    </head>
    <script>
    function random_bg_color() {
      var r = Math.floor(Math.random() * 256);
      var g = Math.floor(Math.random() * 256);
      var b = Math.floor(Math.random() * 256);
      var bgColor = "rgb(" + r + "," + g + "," + b + ")";
      console.log(bgColor);
      document.body.style.background = bgColor;
    }
    random_bg_color();
    </script>
    <button onclick="random_bg_color()">Generate random color</button>
  </body>
</html>


随机背景色发生器
函数random_bg_color（）{
var r=Math.floor（Math.random（）*256）；
var g=Math.floor（Math.random（）*256）；
var b=Math.floor（Math.random（）*256）；
var bgColor=“rgb（“+r+”，“+g+”，“+b+”）；
console.log（bgColor）；
document.body.style.background=bgColor；
}
随机_bg_color（）；
生成随机颜色

将此添加到下面的行可以解决您的问题

生成随机颜色

我想你想做的是在点击上建立一个按钮，它会随机改变你的体色。实际上，您可以使用它，如下所示。

点击我“但我的代码没有“生成”按钮”-然后添加一个？o、 odocument.getElementById（'a'）.innerHTML=location.reload（）没有意义location.reload（）
将，顾名思义，重新加载当前页面（不返回任何内容），我不想重新加载。。。我编辑了我的问题。哈哈。。。。。作者应该在提问之前修改他的书-P