添加旋转类后，span不旋转

Question

在嵌套翻转函数中，当我调用dates[j].classList.toggle("rotateNumber")时，我的console.log(dates[j])正在记录节点并显示已添加该类，但是当我查看DOM树时，它没有显示该类在class="number"属性中。我已经玩了一个小时了，无法弄清楚。我有一个codepen问题在第105行。

let dates = document.querySelectorAll(".number");
        // ui module
        let rotate = 0
        document.getElementById("right-arrow").addEventListener("click", (e) => {

          rotate -= 90;
          // Reset the calendar cells
          (function filp(i) {
            setTimeout(() => {
              dateNodes[i].style.transform = "rotateY("+rotate+"deg)"
              dateNodes[i].removeChild(dateNodes[i].firstChild)
              if (i !==  41) {i++;filp(i)} else {
                rotate -= 90
                monthOffset--
                if (monthOffset === 11) { yearOffset--; console.log("true"); console.log(yearOffset)}
                fillCalendar(yearOffset,monthOffset);
                console.log(dates);

                (function filp(j) {
                  setTimeout(() => {
                    dates[j].classList.toggle("rotateNumber")
                    console.log(dates[j])
                    dateNodes[j].style.transform = "rotateY("+rotate+"deg)"
                    if (j !== 41) {j++;filp(j)}
                  }, 5)
                })(0);
              }
            }, 5)
          })(0);