我想你需要这样的东西，我添加一个按钮，当点击它会附加+1。按照现在你可以根据你的要求修改它。

const addBtn = document.getElementById("add-button");
const particleBox = document.getElementById("particle-area");

function createParticle(parentElement = document.body) {
  const particle = document.createElement("div");
  particle.classList.add("particle");
  particle.innerHTML = "<h1>+1</h1>";
  if (parentElement) {
    parentElement.append(particle);
  }
  return particle;
}

addBtn.addEventListener("click", function() {
  const particle = createParticle(particleBox);
  particle.addEventListener("animationend", function() {
    particle.remove();
  });
});

#particle-area {
  position: relative;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column-reverse;
}

.particle {
  width: 30px;
  height: 30px;
  animation: particle-animation 2s ease-out;
}

@keyframes particle-animation {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

<div id="particle-area"></div>
<button id="add-button"> Mine Gold</button>