当我第一次按下按钮时，它不会'；直到我第二次按下它，我才开始写JavaScript

我有一个改变滚动条样式的按钮，我想让它显示滚动条当前设置的颜色，我让它切换为“innerHTML”，但第一次按下它时它不会激活，只有第二次。这使得它说它是粉红色的，而实际上它是白色的

这是我的问题的一个例子，只要运行代码并点击按钮，当它真的是粉红色时，它会说它是白色的，以此类推

constchangebtn=document.querySelector（'.button'）；
changeBtn.addEventListener（'单击'，（）=>{
document.body.classList.toggle（'changed'）；
changeBtn.classList.toggle（“已更改”）；
if（changeBtn.innerHTML==“更改滚动条颜色（当前颜色：粉色）”）{
changeBtn.innerHTML=“更改滚动条颜色（当前颜色：白色）”；
}否则{
changeBtn.innerHTML=“更改滚动条颜色（当前颜色：粉色）”；
}
});
。按钮{
背景色：#ffffff；
边界：无；
颜色：白色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
利润：4倍2倍；
光标：指针；
边界半径：10px；
颜色：黑色；
字体大小：20px；
}
身体{
背景色：#000；
颜色：白色；
}
/*自定义滚动开始*/
正文：：-webkit滚动条{
宽度：1米；
}
正文：：-webkit滚动条轨迹{
-webkit盒阴影：插入0 0 6px rgba（180,88,88,0.473）；
背景色：rgb（131,69,69）；
}
正文：：-webkit滚动条拇指{
背景色：rgb（185115115）；
轮廓：1px实心板岩灰色；
}
body.changed:：-webkit滚动条轨迹{
-webkit盒阴影：插入0 0 6px rgba（180,88,88,0.473）；
背景色：rgb（131,69,69）；
}
body.changed:：-webkit滚动条拇指{
背景色：rgb（255、255、255）；
轮廓：1px实心板岩灰色；
}
/*自定义滚动结束*/
更改滚动条颜色
（当前颜色：粉红色）
要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容

要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容
请在开头检查，然后每次单击


constchangebtn=document.querySelector（'.button'）；
changeBtn.addEventListener（'单击'，（）=>{
document.body.classList.toggle（'changed'）；
changeBtn.classList.toggle（“已更改”）；
检查（）；
});
函数检查（）{
var changebtn=document.querySelector（'.button'）；
if（changebtn.classList.contains（“changed”））{
changebtn.innerHTML=“更改滚动条颜色（当前颜色：白色）”；
}否则{
changebtn.innerHTML=“更改滚动条颜色（当前颜色：粉色）”；
}
}
检查（）
。按钮{
背景色：#ffffff；
边界：无；
颜色：白色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
利润：4倍2倍；
光标：指针；
边界半径：10px；
颜色：黑色；
字体大小：20px；
}
身体{
背景色：#000；
颜色：白色；
}
/*自定义滚动开始*/
正文：：-webkit滚动条{
宽度：1米；
}
正文：：-webkit滚动条轨迹{
-webkit盒阴影：插入0 0 6px rgba（180,88,88,0.473）；
背景色：rgb（131,69,69）；
}
正文：：-webkit滚动条拇指{
背景色：rgb（185115115）；
轮廓：1px实心板岩灰色；
}
body.changed:：-webkit滚动条轨迹{
-webkit盒阴影：插入0 0 6px rgba（180,88,88,0.473）；
背景色：rgb（131,69,69）；
}
body.changed:：-webkit滚动条拇指{
背景色：rgb（255、255、255）；
轮廓：1px实心板岩灰色；
}
/*自定义滚动结束*/

要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容



要向下滚动的内容

要向下滚动的内容
请在开头检查，然后每次单击


constchangebtn=document.querySelector（'.button'）；
changeBtn.addEventListener（'单击'，（）=>{
document.body.classList.toggle（'changed'）；
changeBtn.classList.toggle（“已更改”）；
检查（）；
});
函数检查（）{
var changebtn=document.querySelector（'.button'）；
if（changebtn.classList.contains（“changed”））{
changebtn.innerHTML=“更改滚动条颜色（当前颜色：白色）”；
}否则{
更改nn.i