Javascript 自定义元素应该处理游戏逻辑吗

我目前正在用Javascript编写纸牌游戏，我使用自定义元素制作纸牌和堆叠，这使得样式设计更加简单：

现在，我需要检查是否允许用户将卡添加到堆栈中。

---

这（通常）应该由元素使用类似

foo.addCard（bar）的方法来完成吗

然后它将返回一个布尔值，无论它是否成功，或者这是对自定义元素的滥用，我应该在我的主脚本中检查堆栈的最后一个子元素是什么，等等？

我个人认为最好将

addCard

函数放入卡堆栈或主应用程序中。这意味着它允许您保持一个更面向对象的设计。我认为任何特定的卡片信息都应该用

卡片堆栈处理，主脚本与
卡片堆栈进行交互。在我的主脚本中，我将采用面向对象的设计。我的意思是
卡片堆栈包含与
卡片
相关的所有内容，并且应该是唯一的类处理
卡直接
，应用程序的其余部分只专门处理
卡堆栈
，以便与
卡进行交互
。这不是滥用，在这种情况下，使用方法似乎是一个好主意。我个人认为在卡堆栈或主要应用。这意味着它允许您保持一个更面向对象的设计。我认为任何特定的卡片信息都应该用
卡片堆栈处理，主脚本与
卡片堆栈进行交互。在我的主脚本中，我将采用面向对象的设计。我的意思是
卡片堆栈包含与
卡片
相关的所有内容，并且应该是唯一的类处理
卡直接
，应用程序的其余部分只专门处理
卡堆栈
，以便与
卡
交互。这不是滥用，在这种情况下，使用方法似乎是个好主意。
<card-stack id="pile3" card-offset="1px">
  <playing-card unrevealed></playing-card>
  <playing-card rank="queen" suit="diamonds"></playing-card>
  <playing-card rank="jack" suit="spades"></playing-card>
</card-stack>