如何在单击按钮时转换动画？

<button id="myButton">点击我</button>

@keyframes initialAnimation {
  from { /* 初始状态样式 */ }
  to { /* 转换后状态样式 */ }
}

@keyframes transformedAnimation {
  from { /* 转换后状态样式 */ }
  to { /* 初始状态样式 */ }
}

const button = document.getElementById('myButton');

button.addEventListener('click', () => {
  if (button.classList.contains('initialAnimation')) {
    button.classList.remove('initialAnimation');
    button.classList.add('transformedAnimation');
  } else {
    button.classList.remove('transformedAnimation');
    button.classList.add('initialAnimation');
  }
});