帮我写一段仙女散花的JS

function fairyScatterFlowers() {
  var container = document.getElementById('container'); // 假设有一个容器元素
  var fairy = document.createElement('div');
  fairy.classList.add('fairy'); // 假设有一个名为"fairy"的CSS类用于设置仙女的样式

  // 设置仙女的初始位置
  var initialX = 0;
  var initialY = container.offsetHeight / 2;
  fairy.style.left = initialX + 'px';
  fairy.style.top = initialY + 'px';

  container.appendChild(fairy);

  // 动画效果：仙女向右移动并撒花
  var targetX = container.offsetWidth;
  var duration = 3000; // 动画持续时间为3秒

  fairy.animate(
    { transform: `translateX(${targetX}px)` },
    { duration: duration, fill: 'forwards' }
  ).onfinish = function() {
    scatterFlowers(fairy);
    container.removeChild(fairy);
  };
}

function scatterFlowers(fairy) {
  var numFlowers = 20; // 撒花的花朵数量

  for (var i = 0; i < numFlowers; i++) {
    var flower = document.createElement('div');
    flower.classList.add('flower'); // 假设有一个名为"flower"的CSS类用于设置花朵的样式

    // 随机设置花朵的位置
    var x = fairy.offsetLeft + Math.random() * fairy.offsetWidth;
    var y = fairy.offsetTop + Math.random() * fairy.offsetHeight;
    flower.style.left = x + 'px';
    flower.style.top = y + 'px';

    fairy.parentNode.appendChild(flower);
  }
}

fairyScatterFlowers();