问题描述
我正在为Knight's tour problem构建可视化。
我正在使用chessboard-element（基本上是chessboard.js library的现代版本），直到到达这个障碍之前，它一直很平稳。
我的问题是：我需要一种显示标记的方法，该标记指示最近播放的动作的数量。 Image of the application
正如您在上面的picture中所看到的那样，当骑士由用户手动移动骑士时，或者如果Warnsdorff's rule指示了骑士的移动，我需要将生成的方块标记为Image describing seemingly the desired behavior的移动次数。
我当前解决此问题的方法是使用其ID访问DOM中的元素并为其添加所需的标记，但是问题是：即使我尝试这样做，也会导致骑士无法显示由于某些原因A picture showing the weird behavior。
const targetId = "square-" + target
const targetEl = Array.from(this.board.shadowRoot.querySelector("[part~='board']").children).find(({ id }) => id === targetId)
targetEl.innerHTML += `<h4>${this.takenSpots.length}</h4>`
棋盘元素库中是否有一个API可用于完成所需的输出？ 如果不是，是否有围绕此问题的css-hack（或类似方法）？ 如果没有，我是否可以使用其他类似的棋盘库来解决此问题？ 如果没有，您如何建议解决此问题？
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）