Question

我有一个名为getRandomColor（）的函数，我想将此方法应用于HTML文档中的按钮。因此，当您单击按钮时，它会更改整个身体的颜色。

这是javascript代码：

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

这是按钮的HTML代码以及我尝试应用JS代码：

<div class="row">
        <div class="col-6-xs">
          <button onclick="getRandomColor()"id="quotes"type="button" class="right-btn pull-right btn btn-success">Get Quotes</button>
        </div>

我可以说，点击按钮不会改变文档的颜色。我在考虑将此代码添加到getRandomColor（）方法中：

document.body.style.background = color;

但是，它仍然无法更改文档颜色。

Answer 1

实际上你提交的代码似乎确实有用，你可能需要做的唯一事情是在函数的最后，将颜色应用到DOM

＆＃13;

function getRandomColor() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
  document.body.style.background = color;
}

＆＃13;

<body>
<div class="row">
        <div class="col-6-xs">
          <button onclick="getRandomColor()"id="quotes"type="button" class="right-btn pull-right btn btn-success">Get Quotes</button>
        </div>
</div>
</body>

＆＃13;

如何将方法附加到我的按钮？

1 个答案: