Javascript 如何将方法附加到我的按钮?
我有一个名为getRandomColor()的函数,我想将此方法应用于HTML文档中的按钮。因此,当你点击按钮时,它会改变整个身体的颜色 这是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.
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;