javascript - 单击按钮时如何创建烟花

Question

所以我发现这个动画 JS 会影响它创建微型烟花的位置。虽然我似乎无法弄清楚如何在单击按钮时触发它们。烟花只在我点击任何地方时出现，我希望它只在我点击按钮时弹出。

我尝试过的:

document.getElementById("btn").addEventListener("click",function(e){
  window.human = true;
  render.play();
  updateCoords(e);
  animateParticules(pointerX, pointerY);
}, false);

用我试过的代码: https://gyazo.com/8b10888f7a4cd3741f8269cbe14d3b2f

没有我试过的代码: https://gyazo.com/2a17f86c0e23469b40d96fa46e79eec5

https://codepen.io/dogboy602k/pen/qyVrMx

Answer 1

在您的 codepen 中，您似乎正试图通过等于“btn”的 ID 属性来定位您的按钮，但是您只分配了一个“btn”类。添加正确的 ID，或通过它的当前类名定位您的元素，您应该一切就绪。