Javascript 通过单击事件与画布矩形交互

我对js中的canavas矩形交互有问题。我希望用户从绘制的许多矩形中选择矩形，并将它们按他想要的顺序排列

比如：click=1=>在他单击的矩形上打印1 click=2=>在他单击的矩形上打印2 . . 诸如此类

我已经成功地完成了递增部分，但我想要的是，当用户重新单击其中一个矩形时，数字将消失，其余矩形必须减少： 例：如果我点击rec 3：rect 3将为空，4变为3，5变为3，依此类推

以下是指向我的代码的链接：

我遇到问题的代码部分：

最后一部分：

从“//Add event listener for

单击

events”结束

---

注意：绿色矩形的数量

您的代码太大了。你需要重构它。定义一个rect类，将函数分解为更小的函数，避免全局函数，并将参数打包到少量对象中，重命名、整理、注释，使用英语而不是法语，因为您使用的是S.O.…，所有这些都可以正常工作。因为即使你成功地解决了这个问题，你很快就会遇到另一个这样的代码库。非常感谢。。你的建议真的帮助了我，我的代码现在运行正常了。