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

Javascript 如何将方法附加到我的按钮?,javascript,jquery,html,Javascript,Jquery,Html,我有一个名为getRandomColor()的函数,我想将此方法应用于HTML文档中的按钮。因此,当你点击按钮时,它会改变整个身体的颜色 这是javascript代码: function getRandomColor() { var letters = '0123456789ABCDEF'.split(''); var color = '#'; for (var i = 0; i < 6; i++ ) { color += letters[Math.

我有一个名为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; 
  }

但是,它仍然不会更改文档的颜色

实际上,您提交的代码似乎确实有效,您可能需要做的唯一一件事是在函数末尾,将颜色应用于DOM 函数getRandomColor(){ 变量字母='0123456789ABCDEF'。拆分(''); var color='#'; 对于(变量i=0;i<6;i++){ 颜色+=字母[Math.floor(Math.random()*16)]; } document.body.style.background=颜色; }

获取报价

尝试使用.css方法,然后将css代码放入
<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>
document.body.style.background = color;