Javascript HTML代码在codepen中工作，但在其他文本编辑器中不工作

我需要在我的网站导航菜单，所以我在网上搜索一些选项，我在codepen中找到了一个，我在我的文本编辑器中复制粘贴，并看到预览，但代码在预览中运行不正常

我在这里连接以下链接：

我希望在文本编辑器的预览中使用与代码笔相同的输出

html，
身体{
字体系列：无衬线；
字体大小：14px；
颜色：#555555；
身高：100%；
宽度：100%；
保证金：0；
}
.集装箱{
左：50%；
最高：50%；
位置：绝对位置；
转换：翻译（-50%，-50%）；
}
.选择器{
填充：0.25rem；
背景色：#EFEF；
宽度：最小含量；
边界半径：12px；
位置：相对位置；
}
.选择项{
空白：nowrap；
填充：0.75雷姆1.5雷姆；
光标：指针；
z指数：2；
用户选择：无；
过渡：颜色0.2s；
}
.选择器项--激活{
颜色：白色；
}
.亮点{
背景色：#ff4757；
边界半径：8px；
位置：绝对位置；
左：0.25雷姆；
宽度：4.75雷姆；
身高：2.6雷姆；
z指数：1；
盒影：0px 0px 12px-2px rgba（255,71,86,0.9）；
过渡：左0.2秒缓解，
宽度0.2s；
}

章节式
全年
其他

您需要在页面中添加以下引用

https://cdnjs.cloudflare.com/ajax/libs/flex-layout-attribute/1.0.3/css/flex-layout-attribute.min.css

---

您需要在页面中添加以下引用

https://cdnjs.cloudflare.com/ajax/libs/flex-layout-attribute/1.0.3/css/flex-layout-attribute.min.css

---

您是否也将javascript添加到编辑器中？如果没有它，您将得到一个

未捕获引用错误：selectItem未定义

您是否也将javascript添加到编辑器中？如果没有它，您将得到一个

未捕获引用错误：未定义selectItem