Javascript 在html或js中构建记忆游戏卡

我开始制作一个记忆游戏

我看了几本教程，发现将卡片代码放在HTML中的人有很大的不同：

或者在script.js中使用数组的用户：

---

我想知道您是否可以帮助我了解两者的区别以及为什么我应该选择一种或另一种方式。

21世纪的单页应用程序具有最少的HTML（类似于

）。

---

其余部分将由JavaScript框架/库处理。

使用数组可以防止重复的html代码。您将只需要一个html模板，您的代码将呈现其余的。这是一种更快更整洁的方式，罗伯特·塞西尔·马丁（Robert Cecil Martin）的《干净的代码》（Clean Code）是一本值得一读的好书。基本上函数只应该做一件事，重复代码是很糟糕的做法。谢谢@MichaelMano，我很感谢你的阅读建议。OP在这里没有提到SPA，所以我不确定这有什么关系