Javascript 如何为按钮编写生成随机背景色渐变的代码

我想添加一个在背景上生成随机线性渐变的按钮。 下面的代码在我单击一个按钮或另一个按钮时生成线性渐变

var color1=document.querySelector.color1； var color2=document.querySelector.color2； var梯度=document.querySelectorbody； var css=document.querySelectorh3； var random=document.getElementByIdrandom css.textContent=gradient.style.background=linear gradientto right，+color1.value+，+color2.value+； 功能倒退{ gradient.style.background=向右的线性渐变，+ 颜色1.value+，+color2.value+； css.textContent=gradient.style.background+； } 颜色1.addEventListenerinput，设置背景； color2.addEventListenerinput，设置背景；

---

下面的代码片段应该是您想要实现的。请随时询问是否有不清楚的地方

const body=document.getElementsByTagName'body'[0]； const button=document.getElementsByTagName“按钮”[0]； 函数更改背景{ body.style.background=`向右的线性渐变，${getRandomHEXColor}，${getRandomHEXColor}`； } 函数getRandomHEXColor{ 常量种子='0123456789abcdef'； 让输出=； 而输出长度<7{ 输出+=种子[Math.floorMath.random*种子.length]； } 返回输出； } button.AddEventListener单击，更改背景； 改变背景

---

我这样做是为了完成一项任务，这就是我想到的：

函数梯度{ var randOne=数学floorMath.random*16777215.ToString 16； var randTwo=数学floorMath.random*16777215.ToString 16； var randDeg=数学地板随机*361； document.body.style.background=线性渐变+随机度+度，+randOne+，+randtow2+； color.innerHtml=线性渐变+随机度+度，+randOne+，+randtow2+； } 选择背景类型 纯色 坡度 形象