Javascript 在切换开关内添加开/关文本

如问题所示，我想根据开关状态，仅使用js在开关内部添加“开”或“关”文本。本主题中的示例很少，但无法掌握。MWE如下所示：

window.addEventListener（'DOMContentLoaded'，function（）{
var swPos=[Math.random（）>=0.5]；
变量swConnection=[“a0”]；
开关位置（开关位置、开关连接）；
var togglebtns=document.getElementsByClassName（'togglebtn'）；
对于（变量i=0；i=width？n：新数组（width-n.length+1）；
}

*{
保证金：0；
填充：0；
}
华盛顿特区{
保证金：10px 50px 10px 50px；
填充：10px 10px 10px 10px；
背景：rgb（183154216）；
}
.tbanimate{
过渡：所有0.3秒的缓进缓出；
-webkit过渡：所有0.3轻松输入输出；
-moz转换：所有0.3秒都易于输入输出；
-o-过渡：所有0.3秒的缓进-缓出；
}
.togglebtn{
宽度：75px；
高度：33像素；
浮动：左；
背景：浅灰色；
边界半径：9999px；
边框：2倍纯色浅灰色；
}
.main开关{
宽度：33px；
高度：33像素；
背景：白烟；
边界半径：9999px；
位置：相对位置；
左：0；
}
.光{
内容：“；
显示：内联块；
宽度：18px；
高度：18px；
利润率：10px；
边界半径：9999px；
-webkit过渡：全部。5s轻松；
过渡：所有。5s轻松；
z指数：2；
}

---

您可以根据

swPos

中的布尔值更改

#mt00

div

的

textContent

*{
保证金：0；
填充：0；
}
华盛顿特区{
保证金：10px 50px 10px 50px；
填充：10px 10px 10px 10px；
背景：rgb（183154216）；
}
.tbanimate{
过渡：所有0.3秒的缓进缓出；
-webkit过渡：所有0.3轻松输入输出；
-moz转换：所有0.3秒都易于输入输出；
-o-过渡：所有0.3秒的缓进-缓出；
}
.togglebtn{
宽度：75px；
高度：33像素；
浮动：左；
背景：浅灰色；
边界半径：9999px；
边框：2倍纯色浅灰色；
}
.main开关{
宽度：33px；
高度：33像素；
背景：白烟；
边界半径：9999px；
位置：相对位置；
左：0；
}
.光{
内容：“；
显示：内联块；
宽度：18px；
高度：18px；
利润率：10px；
边界半径：9999px；
-webkit过渡：全部。5s轻松；
过渡：所有。5s轻松；
z指数：2；
}
#mt00{
垂直对齐：中间对齐；
显示：表格单元格；
}

addEventListener（'DOMContentLoaded'，function（）{
var swPos=[Math.random（）>=0.5]；
变量swConnection=[“a0”]；
var mtoo=document.getElementById（'mt00'）；
如果（swPos[0]）{
mtoo.innerHTML=“On”；
}否则{
mtoo.innerHTML=“关闭”；
}
开关位置（开关位置、开关连接）；
var togglebtns=document.getElementsByClassName（'togglebtn'）；
对于（变量i=0；i