Javascript 切换RGB背景色

我正在尝试将背景色从RGB切换为纯色。我正在使用更改内部HTML来更改背景颜色这是我所拥有的，但是我很难让它正常工作，我不确定问题是我从未更改内部HTML，所以我是一个初学者

这就是我目前所拥有的 HTML:

这是我到目前为止使用的javascript

let rgb;

function tog(){
 if(rgb = <div class="wrapper">
    <button onclick="tog()">Toggle</button>
   </div>){
 toggle.innerHTML = <button onclick="tog()">Toggle</button>;
 }else{
 toggle.innerHTML = <div class="wrapper">
    <button onclick="tog()">Toggle</button>
   </div>;
}
}

let rgb；
函数tog（）{
如果（rgb=
切换
){
toggle.innerHTML=切换；
}否则{
toggle.innerHTML=
切换
;
}
}
假设我们想要的纯色是绿色。那么让我们创建一个名为
纯色的类
：

.solid-color{
  background: green;
}

JavaScript中的语法错误

希望以下代码能帮助您实现目标：


let wrapper=document.querySelector（'.wrapper'）；
函数tog（）{
if（wrapper.classList.contains（'solid-color'））{
wrapper.classList.remove（'solid-color'）；
}否则{
wrapper.classList.add（'solid-color'）；
}
}
.wrapper{
边际：0px；
身高：200%；
宽度：100%；
左：0；
右：0；
排名：0；
底部：0；
位置：绝对位置；
背景：线性梯度（124deg，#ff2400，#e81d1d，#e8b71d，#e3e81d，#1de840，#1ddde8，#2b1de8，#dd00f3，#dd00f3）；
背景尺寸：1800%1800%；
-webkit动画：彩虹18秒轻松无限；
-z动画：彩虹18秒轻松无限；
-o-动画：彩虹18秒轻松无限；
动画：彩虹18秒轻松无限；
}
.纯色{
背景：绿色；
}
@-webkit关键帧彩虹{
0% {
背景位置：0%82%；
}
50% {
背景位置：100%19%；
}
100% {
背景位置：0%82%；
}
}
@-moz为彩虹设置关键帧{
0% {
背景位置：0%82%；
}
50% {
背景位置：100%19%；
}
100% {
背景位置：0%82%；
}
}
@-o-关键帧彩虹{
0% {
背景位置：0%82%；
}
50% {
背景位置：100%19%；
}
100% {
背景位置：0%82%；
}
}
@彩虹关键帧{
0% {
背景位置：0%82%；
}
50% {
背景位置：100%19%；
}
100% {
背景位置：0%82%；
}
}

切换
您的函数
tog（）
没有使用正确的javascript语法。您正在将常规html与之混合。如果打开浏览器控制台并键入
tog
，您将看到它由于语法错误而未定义。此外，您能否更好地描述一下：我正在尝试将背景颜色从RGB切换为纯色。您正在尝试更改背景色的元素是什么？整页？
let rgb;

function tog(){
 if(rgb = <div class="wrapper">
    <button onclick="tog()">Toggle</button>
   </div>){
 toggle.innerHTML = <button onclick="tog()">Toggle</button>;
 }else{
 toggle.innerHTML = <div class="wrapper">
    <button onclick="tog()">Toggle</button>
   </div>;
}
}

.solid-color{
  background: green;
}