添加打字机效果的反转效果？

<div id="text-container"></div>

#text-container {
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #000;
}

const text = "Hello, World!";
const container = document.getElementById("text-container");

function typeWriterEffect() {
  for (let i = 0; i < text.length; i++) {
    setTimeout(() => {
      container.innerHTML += text.charAt(i);
    }, 100 * i);
  }

  setTimeout(() => {
    container.classList.add("reverse");
  }, 100 * text.length);
}

typeWriterEffect();

@keyframes reverseAnimation {
  from {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(-1);
  }
}

#text-container.reverse {
  animation: reverseAnimation 1s linear forwards;
}