Javascript 随机背景图像按钮？

如何创建一个按钮，将整个网站的背景图像更改为随机图像

函数randomHero（）{
var heroPics=['https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/musician-background-1680.jpg','https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/pink-floyd-division-bell-228953.jpg', 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/northstar.jpg', 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/womensrights.jpg'];
$（'body'）.css({
'background'：'url（'+heroPics[Math.floor（Math.random（）*heroPics.length）]+'）不重复'，
'背景附件'：'滚动'，
“背景位置”：“50%50%”，
“背景尺寸”：“封面”
});
}
随机英雄（）；
$（'button'）。在（'click'，'button'）上；

别忘了包括jQuery：

函数randomHero（）{
var heroPics=['https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/musician-background-1680.jpg','https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/pink-floyd-division-bell-228953.jpg', 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/northstar.jpg', 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/womensrights.jpg'];
$（'body'）.css({
'background'：'url（'+heroPics[Math.floor（Math.random（）*heroPics.length）]+'）不重复'，
'背景附件'：'滚动'，
“背景位置”：“50%50%”，
“背景尺寸”：“封面”
});
}
随机英雄（）；
$（'button'）。在（'click'，'button'）上；

别忘了包括jQuery：

函数randomHero（）{
var heroPics=['https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/musician-background-1680.jpg','https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/pink-floyd-division-bell-228953.jpg', 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/northstar.jpg', 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/womensrights.jpg'];
$（'body'）.css({
'background'：'url（'+heroPics[Math.floor（Math.random（）*heroPics.length）]+'）不重复'，
'背景附件'：'滚动'，
“背景位置”：“50%50%”，
“背景尺寸”：“封面”
});
}
随机英雄（）；
$（'button'）。在（'click'，'button'）上；

确保包含jQuery和按钮

函数randomHero（）{
var heroPics=['https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/musician-background-1680.jpg', 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/pink-floyd-division-bell-228953.jpg', 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/northstar.jpg', 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/womensrights.jpg'];
$（'body'）.css({
'background'：'url（'+heroPics[Math.floor（Math.random（）*heroPics.length）]+'）不重复'，
'背景附件'：'滚动'，
“背景位置”：“50%50%”，
“背景尺寸”：“封面”
});
}
随机英雄（）；
$（'button'）。在（'click'，'button'）上

更改背景
确保包含jQuery和按钮


函数randomHero（）{
var heroPics=['https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/musician-background-1680.jpg', 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/pink-floyd-division-bell-228953.jpg', 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/northstar.jpg', 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/womensrights.jpg'];
$（'body'）.css({
'background'：'url（'+heroPics[Math.floor（Math.random（）*heroPics.length）]+'）不重复'，
'背景附件'：'滚动'，
“背景位置”：“50%50%”，
“背景尺寸”：“封面”
});
}
随机英雄（）；
$（'button'）。在（'click'，'button'）上

更改背景
您是否实际包含了jQuery并创建了按钮？这工作正常-我已经创建了按钮，但可能缺少jQuery，我应该包括什么？我使用了jQuery 3.2.1您是否实际包括jQuery并创建了按钮？这很好-我已经创建了按钮，但是可能缺少jQuery，我应该包括什么？我使用了jQuery 3.2.1