Html 使用按钮的RTL和LTR方向

Hii我有一个简单的HTML页面，在我的页面顶部有菜单、内容和选项按钮，用于RTL和LTR方向，我希望用户使用按钮选项按照自己的意愿切换方向，是否有人可以提供简单的示例页面或教程如何存档

您可以通过在“选项”按钮上单击将类附加到HTML正文标记来完成此操作

我使用了两个按钮/功能来更改页面方向。您可以通过使用单个按钮/功能并设置标志来标识页面方向来完成此操作

函数changetortr（）{
$（'body'）.removeClass（'direction-rtl'）.addClass（'direction-ltr'））
}
函数changeToRTL（）{
$（'body'）.removeClass（'direction-ltr'）.addClass（'direction-rtl'）；
}

菜单{
宽度：100%；
高度：50px；
背景色：黑色；
颜色：白色；
}
.方向ltr{
方向：ltr；
}
.方向rtl{
方向：rtl；
}

菜单
从右向左
从左到右
内容
同侧盲蝽（Loreum ipsum doler sit amet.）。。。。