我有兩個按鈕，一個是翻轉當前(頂部)的汽車，另一個是添加一個倒下的效果類 這個按鈕壞了嗎 請幫幫忙

const cards = document.querySelectorAll(".card")

    const flipBtn=document.querySelectorAll('.fliping')
    flipBtn.forEach(function(item){
        item.addEventListener('click',function(){

            // cards.forEach(function(card){
            //   this.classList.toggle('flipcard')
            // })
        })

    })

    document.querySelectorAll('.delete').forEach(function(item) {
  item.addEventListener('click', function(e) {
    // console.log("jjjj")
    // let newClass = this.getAttribute('data-delete');
    // let getParent = parent(this, '.item', 1);
    // console.log(getParent)
    cards.classList.add('fall');

  });
}); 
 const cards = document.querySelectorAll(".card")

    const flipBtn=document.querySelectorAll('.fliping')
    flipBtn.forEach(function(item){
        item.addEventListener('click',function(){

            // cards.forEach(function(card){
            //   this.classList.toggle('flipcard')
            // })
        })

    })

    document.querySelectorAll('.delete').forEach(function(item) {
     item.addEventListener('click', function(e) {
    // console.log("jjjj")
    // let newClass = this.getAttribute('data-delete');
    // let getParent = parent(this, '.item', 1);
    // console.log(getParent)
    cards.classList.add('fall');

  });
});

無法使按鈕工作

我認為你的代碼有問題。我將javascript代碼重寫為:

const cards = document.querySelectorAll(".card");
const flipBtns = document.querySelectorAll('.fliping');
const deleteBtns = document.querySelectorAll('.delete');

flipBtns.forEach(function(flipBtn) {
  flipBtn.addEventListener('click', function() {
    const card = this.closest('.card');
    card.classList.toggle('flipcard');
  });
});

deleteBtns.forEach(function(deleteBtn) {
  deleteBtn.addEventListener('click', function() {
    const card = this.closest('.card');
    card.classList.add('fall');
  });
});

在上面的代碼中，首先我為卡片、翻轉按鈕和刪除按鈕創建了常量。之后，我添加了點擊事件監聽器。 此外，如果你也分享html部分，那么我會更清楚地解決你的問題。