Javascript foreach循环和状态

Question

我正在制作一个图书清单，用户可以在其中输入一本书的名称，如果用户已阅读该书，则可以单击“阅读”按钮。这是通过切换班级完成的。

但是，在将新书添加到列表后，其他书列表之一便无法在那里切换类。

       var readBtn=document.getElementsByClassName(DOMstrings.readButton);

       Array.from(readBtn).forEach(function(curr){

            curr.addEventListener('click',function(){
                curr.classList.toggle('read');

            });

        })

用户应该能够切换添加到列表中的所有图书的类别，而不仅仅是最新添加的图书