Javascript，无法动态更改产品页面

我现在正在自学Javascript，我正在创建一个有趣的小网站项目。我的问题是：

我有一个主页，在导航栏上有一个叫做“产品”的按钮。当我按下它时，我会被重定向到一个页面，其中我有一个5-6个类别的网格布局（如图像）。当我按下图像时，我将被重定向到相关产品。例如，产品>汽车>嘉年华2009和更多汽车

问题是，对于每个不同的产品类别，我都有一个不同的HTML页面，但我知道我可以有一个HTML页面并动态更改其内容（DOM）。是否有一个很好的指南来描述此特定功能？我尝试过许多不同的方法，但我真的不知道如何做到这一点，我的网站也不起作用

---

在我的代码工作15小时后，我自己找不到一个解决方案，**/P>< P>你可以考虑使用一个UI框架/库，比如ReaJjs，角… 然后使用路由处理程序（react router、@angular/router…）

另一种选择是使用普通javascript（VanillaJS）。

---

几天前，我几乎围绕这个主题提交了文章。

哇，感谢您提供的示例，我认为它会有很大帮助！是的，我选择香草，因为我想稍后再深入到一个框架：）因此，我将不在导航栏中创建路径，而是创建一些当您单击产品类别图像时打开的路径？可能是！我将很快向存储库添加一个动态路由功能。（例如，

/products/：id

）