Javascript 带JS的切换开关

我正在学习一些JS，想知道是否有人可以帮助我

我想做，在一个仪表板管理员，一个控制与切换开关，以显示对网站的索引服务是在线还是离线。 启用时，将“联机”文本置于绿色标记中。当不工作时，“离线”带有红色标签。 我该怎么做？使用事件侦听器？谢谢

---

这里有一个简单的例子向您展示一种方法

document.getElementById（`status`）.addEventListener（`click`，function（））{
const classes=this.classList；
if（classes.contains（`offline`））{
this.textContent=`Online`；
删除（`offline`）；
添加（`online`）；
}else if（classes.contains（`online`））{
this.textContent=`Offline`；
删除（`online`）；
添加（`offline`）；
}
});
#状态{
颜色：白色；
}
.在线{
背景：绿色；
}
.离线{
背景：红色；
}
离线
很好，兄弟！谢谢但是这样任何用户都可以设置状态吗？“我希望只有管理员才能这样做。”奥古斯托我明白了。在你的网站上有不同权限的人是完全不同的事情。我们讨论的是web服务器和数据库的使用。这并不简单。